微信小程序 封装http请求
最近看了一下微信小程序,大致翻了一下,发现跟angular很相似的,但是比angular简单的很多具体可参考官方文档
https://mp.weixin.qq.com/debug/wxadoc/dev/framework/app-service/page.html?t=2017112
下面将封装http请求服务部分的服务以及引用部分
var promise = new Promise(function (resolve,reject) {
wx.request({
url: url,data: data,method: method,header: header,success: resolve,fail: reject
})
});
return promise;
};
module.exports.sendRrquest = sendRrquest
在utils文件中创建文件requestService.js文件
var testService = require('../../utils/testService.js')
var request = require('../../utils/requestService.js')
Page({
data:{
test:'123',positionlist:[]
},onLoad:function(){
},onReady: function () {
var that = this;
testService.test('a');
testService.agerntest('a');
var url = 'https://webapi.tianjihr.com/position/searcher?sort=-refresh_time&offset=10&limit=10';
request.sendRrquest(url,'GET',{},{})
.then(function (response) {
that.setData({
positionlist:response.data.list
});
console.log(response);
},function (error) {
console.log(error);
});
},onPullDownRefresh: function () {
},onShareAppMessage: function () {
// 微信分享需要的配置参数
return {
title: '自定义分享标题',desc: '自定义分享描述',path: '/page/user?id=123'
}
// console.log(1);
}
});
1.异步处理方式改变
原有方式是:
现有的方式:
2.在promise成功或者失败的回调中不能直接赋值,如:
需要使用如下方式:
感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!
原文链接:https://www.f2er.com/weapp/42463.html