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

每次从网页中请求函数都需要书写一次请求，若请求的数据多了，代码会变得繁杂从而难以维护。

这时我们可以通过封装来进行更加便捷的书写，方式如下：

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]})},

微信小程序请求函数的封装相关推荐

微信小程序请求函数同步封装方法
微信小程序请求函数同步封装方法距上回说到,我们使用微信小程序请求函数时,需要多次调用,之前我们封装了一套代码,但是他是异步的,当我们下一个请求函数需要的数据是上一个请求函数得到的时候,就不可以了 ...
微信小程序常用函数的封装
微信小程序开发交流qq群 173683895 承接微信小程序开发.扫码加微信. 在小程序里面经常会反复用到一些方法,例如: 1.网络请求, 2.时间戳转换成日期时间, 3.根据数组中的对象的 ...
微信小程序请求及封装请求方式
一.微信小程序请求实现方式小程序发起网络请求需用到 wx.request(Object object) 例如:wx.request({url: 'test.php', //仅为示例,并非真实的接口 ...
【微信小程序请求封装】【进阶版】处理401请求token过期--重新登录--重新发起刚才过期的请求
微信小程序请求封装(拦截器):处理请求过期–重新登录–重新发起刚才过期的请求 env.js //这里使用的接口呢都是自己模拟的,可以根据自己的需求进行添加module.exports={//开发环境的 ...
分享下自己写的一个微信小程序请求远程数据加载到页面的代码
分享下自己写的一个微信小程序请求远程数据加载到页面的代码 1 思路整理就是页面加载完毕的时候请求远程接口,然后把数据赋值给页面的变量 ,然后列表循环 2 js相关代码我是改的 onload ...
微信小程序云函数使用教程【超详细】
背景需求在本人的项目中,需要调用一个http的接口,而微信小程序所有的网络请求都得使用https,因而需要一个中转站,使得在正式发布的时候可以使用http接口.(在调试环境下,只要在本地设置里勾选& ...
微信小程序云函数操作云数据库Mysql
微信小程序云函数操作云数据库Mysql 参考一参考二云函数是一段运行在云端的代码,无需管理服务器,在开发工具内编写.一键上传部署即可运行后端代码. 小程序内提供了专门用于云函数调用的 API.开发 ...
微信小程序 wx.request 的封装
自学转行到前端也已近两年,也算是简书和掘金的忠实粉丝,但是以前一直惜字如金(实在是胆子小,水平又低),现在我决定视金钱如粪土(就只是脸皮厚了,水平就那样),好了废话不多说,切入主题,最近自己尝试了一下 ...
微信小程序云函数开发环境 node.js的安装参考
微信小程序云函数开发环境 node.js的安装参考下载:nvm-windows 下载下图安装包,地址在: https://github.com/coreybutler/nvm-windows/rel ...

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

微信小程序请求函数的封装相关推荐

最新文章

热门文章