【微信小程序】封装http请求
2017-09-30 14:34
387 查看
原文地址:http://www.cnblogs.com/happen-/p/6278327.html
在utils文件中创建js文件:
//request.js
var root = "http://uat.gfcarnival.com:8088/ACClient/"; //以实际地址为准
var app = getApp(); //获得app.js的属性方法
var sendRrquest = function (url, method, data, header) {
data = data || {};
header = header || {};
data = app.extend(data, app.globalData.data); //data和全局data对象相加
var promise = new Promise(function (resolve, reject) {
wx.request({
url: root + url,
data: data,
method: method,
header: app.globalData.header,
success: resolve,
fail: reject
}) //微信请求API
console.log("请求参数:");
console.log(data);
console.log("请求方法:");
console.log(method);
console.log("请求头:");
console.log(header);
});
return promise;
};
module.exports.sendRrquest = sendRrquest
在其他js文件中引用:
var request = require('../../utils/request.js')
var url = "jfbs/jfbs1001/getBanners.do?"; //接口,以实际为准
var app = getApp();
onLoad: function() {
var that = this;
request.sendRrquest(url, 'GET', { data:data }, )
.then(function (res) {
console.log("返回数据:");
console.log(res);
}, function (error) {
console.log("返回失败:");
console.log(error);
});
在utils文件中创建js文件:
//request.js
var root = "http://uat.gfcarnival.com:8088/ACClient/"; //以实际地址为准
var app = getApp(); //获得app.js的属性方法
var sendRrquest = function (url, method, data, header) {
data = data || {};
header = header || {};
data = app.extend(data, app.globalData.data); //data和全局data对象相加
var promise = new Promise(function (resolve, reject) {
wx.request({
url: root + url,
data: data,
method: method,
header: app.globalData.header,
success: resolve,
fail: reject
}) //微信请求API
console.log("请求参数:");
console.log(data);
console.log("请求方法:");
console.log(method);
console.log("请求头:");
console.log(header);
});
return promise;
};
module.exports.sendRrquest = sendRrquest
在其他js文件中引用:
var request = require('../../utils/request.js')
var url = "jfbs/jfbs1001/getBanners.do?"; //接口,以实际为准
var app = getApp();
onLoad: function() {
var that = this;
request.sendRrquest(url, 'GET', { data:data }, )
.then(function (res) {
console.log("返回数据:");
console.log(res);
}, function (error) {
console.log("返回失败:");
console.log(error);
});
相关文章推荐
- 微信小程序初体验--封装http请求
- 微信小程序初体验--封装http请求
- 微信小程序 封装http请求实例详解
- 微信小程序-封装http请求(ajax)
- 微信小程序自定义组件封装及父子间组件传值的方法
- 微信小程序wx.request接口封装
- 微信小程序实现自定义modal弹窗封装的方法
- 微信小程序6 - 页面之间传参及通知系统封装
- 微信小程序开发:http请求
- 微信小程序之封装请求函数
- 微信小程序-封装了一个画饼的函数
- 微信小程序 使用picker封装省市区三级联动实例代码
- 微信小程序左滑JS代码封装
- 微信小程序 http请求封装详解及实例代码
- 微信小程序 wx.request wepy 简单封装
- 微信小程序封装http访问网络库实例代码
- $微信小程序开发实践点滴——Bmob基本REST API的python封装
- 详解微信小程序的 request 封装示例
- 微信小程序 http请求封装详解及实例代码
- 微信小程序md5加密算法封装及用法详解--微信小程序生成md5签名