微信小程序请求函数的封装
生活随笔
收集整理的這篇文章主要介紹了
微信小程序请求函数的封装
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
每次從網頁中請求函數都需要書寫一次請求,若請求的數據多了,代碼會變得繁雜從而難以維護。
這時我們可以通過封裝來進行更加便捷的書寫,方式如下:
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]})},總結
以上是生活随笔為你收集整理的微信小程序请求函数的封装的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 零基础该怎样开始学编程?
- 下一篇: 阿里系App抓包详细分析