189 8069 5689
这篇文章主要介绍微信小程序开发中如何封装HTTP请求方法，文中介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们一定要看完！
明山网站建设公司创新互联建站,明山网站设计制作，有大型网站制作公司丰富经验。已为明山近1000家提供企业网站建设服务。企业网站搭建\外贸网站建设要多少钱，请找那个售后服务好的明山做网站的公司定做！
HTTP请求方法的封装
在小程序中http请求是很频繁的，但每次都打出wx.request是很烦的，而且代码也是冗余的，所以我们要把他封装起来
首先要在utils文件夹中新建一个js，我命名为request.js,在里面封装出post和get的请求，记得最后要声明出来
//封装请求
const app = getApp()
let host = app.globalData.url
/**
* POST 请求
* model:{
* url:接口
* postData:参数 {}
* doSuccess:成功的回调
* doFail:失败回调
* }
*/
function postRequest(model) {
wx.request({
url: host + model.url,
header: {
"Content-Type": "application/x-www-form-urlencoded"
},
method: "POST",
data: model.data,
success: (res) => {
model.success(res.data)
},
fail: (res) => {
model.fail(res.data)
}
})
}
/**
* GET 请求
* model:{
* url:接口
* getData:参数 {}
* doSuccess:成功的回调
* doFail:失败回调
* }
*/
function getRequest(model) {
wx.request({
url: host + model.url,
data: model.data,
success: (res) => {
model.success(res.data)
},
fail: (res) => {
model.fail(res.data)
}
})
}
/**
* module.exports用来导出代码
* js中通过 let call = require("../util/request.js") 加载
*/
module.exports = {
postRequest: postRequest,
getRequest: getRequest
}这一步非常重要记得添加！
module.exports = {
postRequest: postRequest,
getRequest: getRequest
}使用时就在相应的页面顶部调用,Page外部噢
let call = require("../../utils/request.js")使用的时候↓
get
//获取广告图
call.getRequest({
url:'GetAd',
success:(res)=>{ //箭头函数没有指针问题
this.setData({
urlItem: res.data
})
}
})post
call.postRequest({
url: 'addorder',
data: {
shop_id: that.data.shop_id,
user_id: app.globalData.user_id,
coupon_sn: that.data.coupon_sn,
carType: that.data.car_type,
appointtime: that.data.toTime
},
success:(res)=>{
console.log(res)
wx.navigateTo({
url: '../selectPay/selectPay?order_sn=' + res.data.order_sn + '&fee=' + res.data.real_pay + "&order_id=" + res.data.order_id,
})
}
})以上是“微信小程序开发中如何封装HTTP请求方法”这篇文章的所有内容，感谢各位的阅读！希望分享的内容对大家有帮助，更多相关知识，欢迎关注创新互联行业资讯频道！