欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

uni-app網絡請求、數據緩存實例詳解

 更新時間：2022年11月12日 14:31:26   作者：Bonsoir777  
這篇文章主要介紹了uni-app網絡請求、數據緩存的相關知識，本文通過實例代碼給大家講解的非常詳細，對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下

一、網絡請求

在uni中可以調用uni.request方法進行請求網絡請求

需要注意的是：在小程序中網絡相關的 API 在使用前需要配置域名白名單。

1.配置請求

以下為發(fā)送網絡請求的基本配置，可根據接口請求數據方法的不同，以不同的方式請求數據。

// #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';
 
// 請求首頁基礎數據的方法
export const  getHome = ( )=>{
	return request({
		url:'/index_category/data'
	})
}

1.2 發(fā)送POST請求

// 引入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}
	})
}

二、數據緩存

1.uni.setStorage(OBJECT)

將數據存儲在本地緩存中指定的 key 中，會覆蓋掉原來該 key 對應的內容，這是一個異步接口。

OBJECT參數說明：

參數名類型必填說明
keyString

是

本地緩存中的指定的key

dataAny是需要存儲的內容，只支持原生類型，及能夠通過JSON.stringfiy序列化的對象。
successFunction否接口調用成功的回調函數
falilFunction否接口調用失敗的回調函數
completeFunction否接口調用結束的回調函數（調用失敗，成功都會執(zhí)行）

2.uni.setStorageSync(KEY,DATA)

將 data 存儲在本地緩存中指定的 key 中，會覆蓋掉原來該 key 對應的內容，這是一個同步接口。

參數說明：

參數名類型必填說明
keyString

是

本地緩存中的指定的key

dataAny是需要存儲的內容，只支持原生類型，及能夠通過JSON.stringfiy序列化的對象。

3.uni.getStorage(OBJECT)

從本地緩存中異步獲取指定 key 對應的內容。

OBJECT參數說明：

參數名類型必填說明
keyString

是

本地緩存中的指定的key

dataAny是接口調用的回調函數，res = {data: key對應的內容}
successFunction否接口調用成功的回調函數
falilFunction否接口調用失敗的回調函數

4.uni.getStorageSync(KEY)

從本地緩存中同步獲取指定 key 對應的內容。

參數說明：

參數名類型必填說明
keyString

是

本地緩存中的指定的key

5.uni.removeStorage(OBJECT)

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

OBJECT 參數說明：

參數名類型必填說明
keyString

是

本地緩存中的指定的key

successFunction否接口調用成功的回調函數
falilFunction否

接口調用失敗的回調函數

completeFunction否接口調用結束的回調函數（調用失敗，成功都會執(zhí)行）

總結

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

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

相關文章

  • webpack 打包壓縮js和css的方法示例

    webpack 打包壓縮js和css的方法示例

    本篇文章主要介紹了webpack 打包壓縮js和css的方法示例，小編覺得挺不錯的，現在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
    2018-03-03
  • js中opener與parent的區(qū)別詳細解析

    js中opener與parent的區(qū)別詳細解析

    本篇文章主要是對js中opener與parent的區(qū)別進行了詳細的介紹，需要的朋友可以過來參考下，希望對大家有所幫助
    2014-01-01
  • JS中關于filter()方法的使用及說明

    JS中關于filter()方法的使用及說明

    這篇文章主要介紹了JS中關于filter()方法的使用及說明，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
    2023-05-05
  • JavaScript中?.?和??分別是什么詳解

    JavaScript中?.?和??分別是什么詳解

    在項目中我們往往要做很多很多的空值判斷進行容錯處理,往往伴隨著三目運算、與或、if else來使用,下面這篇文章主要給大家介紹了關于JavaScript中?.?和??分別是什么的相關資料,需要的朋友可以參考下
    2023-02-02
  • js如何清空input?file的值

    js如何清空input?file的值

    這篇文章主要介紹了js如何清空input?file的值問題，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
    2023-01-01
  • Javascript數據結構之棧和隊列詳解

    Javascript數據結構之棧和隊列詳解

    要了解JavaScript數組的堆棧和隊列方法的操作,需要先對堆棧和隊列基礎知識有所了解,下面這篇文章主要給大家介紹了關于Javascript數據結構之棧和隊列的相關資料,文中通過示例代碼介紹的非常詳細,需要的朋友可以參考下
    2022-05-05
  • Bootstrap禁用響應式布局的實現方法

    Bootstrap禁用響應式布局的實現方法

    這篇文章主要介紹了Bootstrap禁用響應式布局的實現方法,非常不錯，具有參考借鑒價值，需要的朋友可以參考下
    2017-03-03
  • 微信小程序實現翻牌抽獎動畫

    微信小程序實現翻牌抽獎動畫

    這篇文章主要為大家詳細介紹了微信小程序實現翻牌抽獎動畫，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
    2020-09-09
  • 純js實現仿QQ郵箱彈出確認框

    純js實現仿QQ郵箱彈出確認框

    仿QQ郵箱的彈出層，彈出確認框，主要是用火狐的firebug把html和css扣了下來，沒有做封裝,就定義了一個拖動事件. 大家可以封裝自己的彈出窗，嘿嘿！
    2015-04-04
  • 基于JavaScript實現一個月餅音樂播放器

    基于JavaScript實現一個月餅音樂播放器

    這篇文章主要為大家詳細介紹了如何利用JavaScript實現一個簡單的月餅音樂播放器，文中的示例代碼講解詳細，感興趣的小伙伴可以嘗試一下
    2022-09-09

最新評論