uniapp网络请求
时间: 2023-09-26 10:06:36 浏览: 59
uniapp网络请求是通过发送网络请求来获取数据的方法。在uniapp中,可以使用封装好的网络请求插件来发送请求。其中,发送get请求和post请求是常见的两种方式。
发送get请求的方法是通过引入封装好的request请求方法,然后调用该方法并传入对应的url参数来实现。例如,在获取首页基础数据的方法中,可以使用以下代码:
引用[1.1]
```
// 引入request请求方法
import request from '../utils/request.js';
// 请求首页基础数据的方法
export const getHome = () => {
return request({
url: '/index_category/data'
})
}
```
发送post请求的方法也是类似的,同样需要引入封装好的request请求方法,并在调用该方法时传入对应的url、method和data参数来实现。例如,在获取首页指定分类下的分页数据的方法中,可以使用以下代码:
引用[1.2]
```
// 引入request请求方法
import request from '../utils/request.js';
// 获取首页指定分类下的分页数据
export const getChoose = ({title, page, all, sale_count, min_price}) => {
return request({
url: '/goods/search',
method: 'POST',
data: {
title,
page,
all,
sale_count,
min_price
}
})
}
```
此外,uniapp还支持数据缓存功能。通过uni.setStorage方法可以将数据存储到本地缓存中,以便后续使用。其中,uni.setStorageSync方法可以同步地将数据存储到本地缓存中。例如,使用以下代码可以将指定的key和data存储到本地缓存中:
引用
```
uni.setStorage({
key: KEY,
data: DATA
})
```
或者,使用uni.setStorageSync方法可以实现同样的功能:
引用
```
uni.setStorageSync(KEY, DATA)
```
综上所述,uniapp网络请求可以通过封装好的request请求方法来发送请求,并可以使用数据缓存功能来存储数据。