【教程结束,】封装好的代码--微信原生

2021-05-03
来源:网络整理

前言:

实际上,微信网络的请求看起来很简洁,但是为了便于统一的模块化管理,最好在项目开发的初期准备好应该封装的模块,以便于查找。代码并稍后查找错误。当然,所有这些操作都更加顺畅,从而减少了……加班时间

首先,以下是微信原生网络文章样本的请求:

onLoad: function (options) { wx.request({ method: 'GET', url : "https://test003.cn:8787/server/goods/getGoodsById" //url仅供参考 header: { 'content-type': 'application/json' }, data: { money:10, exp:10 }, success: function (res) { console.log(res.data); //逻辑代码XX } }) },

又一段封装的代码:

如何开发手机小程序_微信小程序怎么开发_小程序开发者工具post变get

//网络访问 network.networkget(url, params, (res) => { console.log(res); //打印信息 let obj = res.obj; }, (err) => { console.log('请求错误信息:' + err.errMsg); //打印错误信息 });

它看起来更简洁明了吗?

开始输入以下主题:

第一步:在工具中添加js file.js

如何开发手机小程序_微信小程序怎么开发_小程序开发者工具post变get

第2步:在.js中添加以下代码

//post请求 function networkpost(url, params, callback, errFun) { wx.request({ url: url, header: 'content-type:application/json', data: params, method: 'POST', success: function (res) { //返回结果自行处理 // console.log('返回结果:') // console.log(res.data); callback(res.data); }, fail: function (err) { errFun(err); } }) } //get请求 function networkget(url, params, callback, errFun) { wx.request({ url: url, header: 'content-type:application/json', data: params, method: 'GET', success: function(res) { //返回结果自行处理 // console.log('返回结果:') // console.log(res.data); callback(res.data); }, fail: function(err) { errFun(err); } }) } module.exports = { networkget: networkget, networkpost: networkpost } //工具使用说明(举个栗子) 注释 // const network = require('../../utils/networkUtils.js'); // let url = app.globalRequestUrl('goodsDetail'); // let params = { goodsId: goodsId, unionId: unionId }; // network.networkget(url, params, (res) => { // console.log(res); //打印信息 // }, (err) => { // console.log('请求错误信息:' + err.errMsg); //打印错误信息 // });

第3步:在代码中使用

如何开发手机小程序_微信小程序怎么开发_小程序开发者工具post变get

在页面顶部添加代码以查找.js

然后调用代码中的方法,请求GET请求和POST请求

const network = require('../../utils/networkUtils.js'); Page({ data: {}, onLoad: function(options) { let url = "https://test003.cn:8787/server/goods/getGoodsById" //url仅供参考 let params = { goodsId: goodsId, unionId: unionId }; //网络访问GET请求 network.networkget(url, params, (res) => { console.log(res); //打印信息 }, (err) => { console.log('请求错误信息:' + err.errMsg); //打印错误信息 }); //网络访问POST请求 network.networkpost(url, params, (res) => { console.log(res); //打印信息 }, (err) => { console.log('请求错误信息:' + err.errMsg); //打印错误信息 }); }, })

好的,本教程结束了。如果您有帮助,可以单击收藏的文章。如有任何疑问,您可以在评论区域留言小程序开发者工具post变get,也可以给我发送私人留言〜

分享