网络请求 数据缓存

网络请求

• 在uni中可以调用uni.request方法进行请求网络请求
• 需要注意的是：在小程序中网络相关的 API 在使用前需要配置域名白名单。
• 网络请求参考

<button @click="get">发送get请求</button>

methods:{
		get(){
			uni.request({
				url:"http://localhost:8082/api/getlunbo",
				success(res) {
					console.log(res)
				}
			})
		},
}

数据缓存

• uni.setStorage参考

uni.setStorage

• 将数据存储在本地缓存中指定的 key 中，会覆盖掉原来该 key 对应的内容，这是一个异步接口。

uni.setStorageSync

• 将 data 存储在本地缓存中指定的 key 中，会覆盖掉原来该 key 对应的内容，这是一个同步接口。

uni.getStorage

• 从本地缓存中异步获取指定 key 对应的内容。

uni.getStorageSync

• 从本地缓存中同步获取指定 key 对应的内容。

uni.removeStorage

• 从本地缓存中异步移除指定 key。

uni.removeStorageSync

• 从本地缓存中同步移除指定 key。

<button type="primary" @click="setStorage">存储数据</button>
<button type="primary" @click="getStorage">获取数据</button>
<button type="primary" @click="removeId">移除数据</button>

methods:{
			setStorage(){
				// uni.setStorage({
				// 	key:'id',
				// 	data:80,
				// 	success(){
				// 		console.log("存储成功")
				// 	}
				// })
				uni.setStorageSync('id',200)
				
			},
			
			getStorage(){
				// uni.getStorage({
				// 	key:'id',
				// 	success(res){
				// 		console.log("获取成功",res.data)
				// 	}
				// })
				const res = uni.getStorageSync('id')
				console.log(res)
			},
			
			removeId(){
				// uni.removeStorage({
				// 	key:'id',
				// 	success() {
				// 		console.log("移除成功")
				// 	}
				// })
				uni.removeStorageSync('id')
			}
		}