微信小程序-封装http请求（ajax）

官方api发起请求：

wx.request

进行封装：要进行一些公共处理,比如添加处理拦截等等

在app.js中声明url前缀

url: '请求ip地址',

声明ajax方法

ajax(model) {wx.showLoading({title: '加载中',})//拼接urlmodel.url = this.url + model.url;//get参数拼接if (model.method == "get" && model.data !== undefined) {for (let k in model.data) {if (model.data[k].toString() !== '') {model.url = model.url + "&" + k + "=" + model.data[k];}}model.data='';}//返回Promise对象return new Promise(function (resolve) {wx.request({method: model.method,url: model.url,data: model.data,success: (res) => {wx.hideLoading()if (res.statusCode == 200) {resolve(res.data);} else {//错误信息处理wx.showModal({title: '提示',content: '服务器错误，请联系客服',showCancel: false,})}}})})},

使用方法：

每个js头部引入

let $ = getApp()

    $.ajax({method: 'get',url: 'url',data: this.data.param}).then(response => {})

关于get使用data,个人只是觉得每次在url后面拼接参数很麻烦就进行了二次处理，按照post的data一样传入即可

微信小程序-封装http请求（ajax）相关推荐

微信小程序封装api请求步骤
小程序发起网络请求需用到 wx.request() 废话不多说直接开始封装 1.首先创建一个request文件夹里边创建一个api.js和request.js 2.封装的请求在request.js ...
微信小程序封装request请求数据
遇到问题不要慌做项目离不开请求数据 1.为什么要封装api去请求接口数据做微信小程序的时候请求数据的时候会多次用到wx.request请求,如果每次都去写一遍 wx.request({url: ' ...
微信小程序request请求封装；微信小程序封装request请求；uni-app小程序封装request请求；
本片封装了微信小程序request请求:为别是post get put请求,重点在request.js文件 1.新增四个文件 2.根目录下的utils下的request.js封装uni.request ...
微信小程序封装网络请求并调用
微信小程序开发交流qq群 526474645 正文: util.js // 网络请求 const request = function(url, method, data, msg, succ, ...
微信小程序封装request请求，primise队列化，async await做同步处理，缓存token信息
话不多数直接上代码! 在app.js文件中加入,一般新建的项目都有globalData只需要在里面添加你的信息就行了 globalData: {Ip:'',Header:{ //request 请求头 ...
微信小程序封装multipart请求体（wx-formdata）
封装 mimeMap.js module.exports = {"0.001": "application/x-001","0.323": ...
微信小程序封装post请求 header加token code码拦截
1.添加一个js文件例如:class/api/Post.js 2.编写js文件例:token我存在用户信息 17000用户信息过期 3.引用 app.js 4.页面使用代码: export ...
微信小程序常见网络请求失败问题总结及解决方案
微信小程序常见网络请求失败问题总结及解决方案微信开发者工具中未勾选不校验合法域名设置未勾选这个设置在任何环境下发送http网络请求会失败发送的是https请求,但网络请求依旧是失败需要到官方的 ...
微信小程序封装storage（含错误处理）
这次给你们安利的是微信小程序封装storage,先说下微信官方的 wx.getStorage({key:"",success: function (res) {},fail(err ...

微信小程序-封装http请求（ajax）

微信小程序-封装http请求（ajax）相关推荐

最新文章

热门文章