快捷導(dǎo)航

uni-app網(wǎng)絡(luò)請求、數(shù)據(jù)緩存實(shí)例詳解

更新時(shí)間：2022年11月12日 14:31:26 作者：Bonsoir777

這篇文章主要介紹了uni-app網(wǎng)絡(luò)請求、數(shù)據(jù)緩存的相關(guān)知識，本文通過實(shí)例代碼給大家講解的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下

一、網(wǎng)絡(luò)請求

在uni中可以調(diào)用uni.request方法進(jìn)行請求網(wǎng)絡(luò)請求

需要注意的是：在小程序中網(wǎng)絡(luò)相關(guān)的 API 在使用前需要配置域名白名單。

1.配置請求

以下為發(fā)送網(wǎng)絡(luò)請求的基本配置，可根據(jù)接口請求數(shù)據(jù)方法的不同，以不同的方式請求數(shù)據(jù)。

// #ifdef H5
var baseURL = "/api"
// #endif
// #ifndef H5
var baseURL = "http://81.68.254.47/api"
// #endif
var request = function(options){
	return new Promise((resolve,reject)=>{
		uni.request({
			url:baseURL+options.url,
			method:options.method||'GET',
			data:options.data||{},
			dataType:options.dataType||'json',
			success: (res) => {
				resolve(res.data)
			},
			fail: (err) => {
				reject(err)
			}
		})
	})
}
export default request

1.1 發(fā)送get請求

// 引入request請求方法
import request from '../utils/request.js';
 
// 請求首頁基礎(chǔ)數(shù)據(jù)的方法
export const  getHome = ( )=>{
	return request({
		url:'/index_category/data'
	})
}

1.2 發(fā)送POST請求

// 引入request請求方法
import request from '../utils/request.js';
 
// 獲取首頁指定分類下的分頁數(shù)據(jù)
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}
	})
}

二、數(shù)據(jù)緩存

1.uni.setStorage(OBJECT)

將數(shù)據(jù)存儲在本地緩存中指定的 key 中，會覆蓋掉原來該 key 對應(yīng)的內(nèi)容，這是一個(gè)異步接口。

OBJECT參數(shù)說明：

參數(shù)名	類型	必填	說明
key	String	是	本地緩存中的指定的key
data	Any	是	需要存儲的內(nèi)容，只支持原生類型，及能夠通過JSON.stringfiy序列化的對象。
success	Function	否	接口調(diào)用成功的回調(diào)函數(shù)
falil	Function	否	接口調(diào)用失敗的回調(diào)函數(shù)
complete	Function	否	接口調(diào)用結(jié)束的回調(diào)函數(shù)（調(diào)用失敗，成功都會執(zhí)行）

2.uni.setStorageSync(KEY,DATA)

將 data 存儲在本地緩存中指定的 key 中，會覆蓋掉原來該 key 對應(yīng)的內(nèi)容，這是一個(gè)同步接口。

參數(shù)說明：

參數(shù)名	類型	必填	說明
key	String	是	本地緩存中的指定的key
data	Any	是	需要存儲的內(nèi)容，只支持原生類型，及能夠通過JSON.stringfiy序列化的對象。

3.uni.getStorage(OBJECT)

從本地緩存中異步獲取指定 key 對應(yīng)的內(nèi)容。

OBJECT參數(shù)說明：

參數(shù)名	類型	必填	說明
key	String	是	本地緩存中的指定的key
data	Any	是	接口調(diào)用的回調(diào)函數(shù)，res = {data: key對應(yīng)的內(nèi)容}
success	Function	否	接口調(diào)用成功的回調(diào)函數(shù)
falil	Function	否	接口調(diào)用失敗的回調(diào)函數(shù)

4.uni.getStorageSync(KEY)

從本地緩存中同步獲取指定 key 對應(yīng)的內(nèi)容。

參數(shù)說明：

參數(shù)名	類型	必填	說明
key	String	是	本地緩存中的指定的key

5.uni.removeStorage(OBJECT)

從本地緩存中異步移除指定 key。

OBJECT 參數(shù)說明：

參數(shù)名	類型	必填	說明
key	String	是	本地緩存中的指定的key
success	Function	否	接口調(diào)用成功的回調(diào)函數(shù)
falil	Function	否	接口調(diào)用失敗的回調(diào)函數(shù)
complete	Function	否	接口調(diào)用結(jié)束的回調(diào)函數(shù)（調(diào)用失敗，成功都會執(zhí)行）

總結(jié)

以上就是今日所要分享的內(nèi)容，最后依舊誠摯祝福屏幕前的你健康快樂、平安幸福！

到此這篇關(guān)于uni-app網(wǎng)絡(luò)請求、數(shù)據(jù)緩存的文章就介紹到這了,更多相關(guān)uni-app網(wǎng)絡(luò)請求、數(shù)據(jù)緩存內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

您可能感興趣的文章: