日韩性视频-久久久蜜桃-www中文字幕-在线中文字幕av-亚洲欧美一区二区三区四区-撸久久-香蕉视频一区-久久无码精品丰满人妻-国产高潮av-激情福利社-日韩av网址大全-国产精品久久999-日本五十路在线-性欧美在线-久久99精品波多结衣一区-男女午夜免费视频-黑人极品ⅴideos精品欧美棵-人人妻人人澡人人爽精品欧美一区-日韩一区在线看-欧美a级在线免费观看

歡迎訪問 生活随笔!

生活随笔

當前位置: 首頁 > 编程资源 > 编程问答 >内容正文

编程问答

微信小程序请求函数的封装

發布時間:2024/1/8 编程问答 26 豆豆
生活随笔 收集整理的這篇文章主要介紹了 微信小程序请求函数的封装 小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

每次從網頁中請求函數都需要書寫一次請求,若請求的數據多了,代碼會變得繁雜從而難以維護。

這時我們可以通過封裝來進行更加便捷的書寫,方式如下:

1、在 util.js 文件下封裝要用到的值進一個函數里面,如下

// 第一步:封裝所有共同函數 const http = (url,method,data,callback) => {wx.request({url,method,data,success: res => {callback(res)}}) }

2、導出封裝好的值

// 第二步:導出封裝的方法 module.exports = {http }

3、在目標頁面的 .js 文件導入

var utils = require('../../utils/util.js')

4、調用該函數,將函數數據從外部調進內部

// 自定義的承載目標函數的值.自定義的方法名qqmapsdk.search({ // 騰訊位置服務微信小程序是專為小程序開發者提供的LBS數據服務工具包,可以在小程序中調用騰訊位置服務的POI檢索、關鍵詞輸入提示、地址解析、逆地址解析、行政區劃和距離計算等數據服務。// keyword 關鍵詞keyword: '學校',success: (res) => {const lng = res.data[0].location.lngconst lat = res.data[0].lcation.latconst data = {location: lng + ',' + lat}// utils 自定義的用于承載導入數據的容器.http 自定義的方法名(參數,參數,自定義的方法名)utils.http('https://devapi.qweather.com/v7/weather/24h', 'GET', data, this.fohours)},

5、在本頁面的 data 平級處定義一個方法,將數據轉存到本頁面的 data 中

fohours(callback) {console.log(callback.data.hourly[0]);this.setData({city: callback.data.hourly[0]})},

總結

以上是生活随笔為你收集整理的微信小程序请求函数的封装的全部內容,希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯,歡迎將生活随笔推薦給好友。