本文目录一览:
简单处理下微信开发者工具开发微信小程序网络请求封装
var requestHandler = {
params: {},
api: '',
type: '',
success: function (res) {
},
fail: function () {
},
}
//GET请求
function GET(requestHandler) {
request('GET', requestHandler)
}
//POST请求
function POST(requestHandler) {
request('POST', requestHandler)
}
function request(method, requestHandler) {
//注意:可以对params加密等处理
var params = requestHandler.params;
// params.token = wx.getStorageSync('token'); 这里可以写每次请求都必带的参数
var api = requestHandler.api;
wx.request({
url: API_URL + api,
data: params,
method: method,
header: {
'Content-Type': 'application/x-www-form-urlencoded'
},
success: function (res) {
if (res.data.code == 你后台返回的状态码) {
requestHandler.success(res)
} else {
requestHandler.success(res)
}
},
fail: function () {
requestHandler.fail()
},
complete: function () {
}
})
}
module.exports = {
GET: GET,
POST: POST,
API_URL: API_URL
}
request.POST({
api:'/Login/login',
params:{
password:this.data.password,
},
success(res) {
if(res.data.code == 后台返回的状态码) {
request.showToast(res.data.msg)
setTimeout(()={
wx.reLaunch({
url:'../index/index'
})
},1000)
} else {
request.showToast(res.data.msg)
}
}
})
微信小程序get和post的区别
如果你要提交一篇文章,肯定只能用post,因为数据量太大,get请求类似浏览器url请求,你把一篇文章放到url里面肯定请求不过去,如果你只是个简单的传id或者比较少的参数可以用get,还有就是有密码输入建议用post,post请求参数不会以明文显示在url上
小程序request封装
1、wx.request,
2、Promise,Promise 对象有以下两个特点:对象的状态不受外界影响。Promise 对象代表一个异步操作,有三种状态:pending: 初始状态,不是成功或失败状态。fulfilled: 意味着操作成功完成。rejected: 意味着操作失败。
WxRequest(),可以放在小程序启动页app.js里面。也可以重新生成一个js页面。在需要引用的页面引入,如果是放在app.js里面的,在其他页面引入为 const app = getApp();,使用时 app.WxRequest(method,url,data); 如果是一个新的js页面。则按照小程序的引入规则引入。使用方法是差不多的。
小程序封装请求的步骤
1.第一步建立http文件夹 再建立http.js
2.第二步封装具体的请求,建立api.js
3.第三步在页面调用接口: