1.在util目录下建立http.js文件
注意：只有在接口返回的code == CODE_SUCCESS的时候才会回调success
/**
* @auth ike
* @date 2018/9/6
* @desc 网络请求工具
*/
var u = {};
//请求返回体模型
u.httpModel = {
code: 0,
datainfo: '',
sucinfo: '',
}
//请求方式
u.GET = 'GET'; //GET类型的请求
u.POST = 'POST'; //POST类型的请求
//请求状态CODE
u.statusCode_success = 200; //开发者服务器返回的 HTTP 成功状态码
u.CODE_SUCCESS = 2000; //接口请求成功的CODE
u.CODE_TOKEN_TIMEOUT = 1015; //用户token过期CODE
//服务器地址
// u.API_SERVICE = 'http://api.douban.com/v2/';
u.API_SERVICE = 'https://xaas-test.uma.com/';
/**
* 拦截器
*/
u.requestInterceptor = function (reqParams) {
//做请求前的拦截处理
return reqParams;
}
/**
* 请求返回统一处理
*
*/
u.handleResponse = function (result, reqParams) {
if (result.statusCode == u.statusCode_success) {
u.httpModel = result.data;
if (u.httpModel.code == u.CODE_SUCCESS) {
//接口成功返回
if (reqParams.success)
reqParams.success(u.httpModel.code);
} else if (u.httpModel.code == u.CODE_TOKEN_TIMEOUT) {
//token过期出来
} else {
//其他的code码返回到页面自行处理
if (u.httpModel.sucinfo == null || u.httpModel.sucinfo == '' || u.httpModel.sucinfo == undefined) {
var code;
if (u.httpModel.code == undefined) {
code = '未知';
} else {
code = u.httpModel.code;
}
result = {
data: {
sucinfo: u.httpModel.sucinfo,
}
}
}
wx.showToast({
icon: 'none',
title: u.httpModel.sucinfo,
duration: 3000,
})
if (reqParams.fail)
reqParams.fail(u.httpModel);
}
} else {
console.log('请求错误 : ' + '错误码：' + result.statusCode + ' / ' + '错误信息：' + result.errMsg);
wx.showToast({
icon: 'none',
title: '请求失败：' + result.statusCode,
duration: 3000,
})
}
}
/**
* 发送请求
*
* @param reqParams 请求封装的参数
* @param requestType 什么类型的请求 GET POST
*/
u.request = function (reqParams, requestType) {
var method = u.POST;
if (requestType == u.GET) {
method = u.GET;
} else if (requestType == u.POST) {
method = u.POST;
}
console.log(u);
//打印请求地址
u.logRequestUrl(reqParams);
//判断是否需要显示loading
var isLoading = false;
if (reqParams.loading != null && reqParams.loading != '') {
isLoading = true;
wx.showLoading({
title: reqParams.loading,
})
}
wx.request({
url: u.API_SERVICE + reqParams.url,
data: reqParams.params,
header: {
'content-type': 'application/x-www-form-urlencoded'
},
method: method,
complete: function (msg) {
if (reqParams.complete)
reqParams.complete(msg);
},
success: function (result) {
//关闭loading
if (isLoading)
wx.hideLoading();
u.handleResponse(result, reqParams);
},
fail: function (e) {
//关闭loading
if (isLoading)
wx.hideLoading();
e = {
sucinfo: '请求失败：' + e.errMsg,
}
if (reqParams.fail)
reqParams.fail(e);
}
})
}
/**
* GET请求
*
* @param reqParams
* @desc 一般用于登录等不携带token
*/
u.httpGet = function (reqParams) {
reqParams = u.requestInterceptor(reqParams);
u.request(reqParams, u.GET);
}
/**
* POST请求
*
* @param reqParams
* @desc 一般用于携带token
*/
u.httpPost = function (reqParams) {
reqParams = u.requestInterceptor(reqParams);
u.request(reqParams, u.POST);
}
/**
* 上传文件
*
* @param reqParams
* @desc
*/
u.uploadFile = function (reqParams) {
//判断是否需要显示loading
var isLoading = false;
if (reqParams.loading != null && reqParams.loading != '') {
isLoading = true;
wx.showLoading({
title: reqParams.loading,
})
}
wx.uploadFile({
url: u.API_SERVICE + reqParams.url, //仅为示例，非真实的接口地址
filePath: reqParams.filePath,
name: reqParams.name,
formData: req.params,
complete: function (msg) {
reqParams.complete(msg);
},
success: function (result) {
//关闭loading
if (isLoading)
wx.hideLoading();
result.data = JSON.parse(result.data + '');
handleResponse(req, result);
},
fail: function (e) {
//关闭loading
if (isLoading)
wx.hideLoading();
e = {
sucinfo: '请求失败：' + e.errMsg,
}
reqParams.fail(e);
}
})
}
/**
* 打印请求地址
*/
u.logRequestUrl = function (requestParams) {
//显示请求路径
var url = '请求路径: ' + u.API_SERVICE + requestParams.url;
var paramCount = u.objCount(requestParams.param);
if (paramCount > 0) {
url += '?';
}
var i = 0;
for (var item in requestParams.params) {//用javascript的for/in循环遍历对象的属性
if (i != (paramCount - 1)) {//不是最后一个才加上&
url += item + "=" + requestParams.params[item] + '&';
} else {
url += item + "=" + requestParams.params[item];
}
i++;
}
console.log(url);
}
/**
* 获取对象、数组的长度、元素个数
*
* @param obj 要计算长度的元素，可以为object、array、string
*/
u.objCount = function (obj) {
var objType = typeof obj;
if (objType == "string") {
return obj.length;
} else if (objType == "object") {
var objLen = 0;
for (var i in obj) {
objLen++;
}
return objLen;
}
return false;
}
//抛出方法
module.exports = u;
2.在页面的js中
//index.js
//获取应用实例
const app = getApp()
const http = require('../../utils/http.js');
Page({
data: {
},
onLoad: function () {
http.httpPost({
loading: '查询中...',
url: 'user/login',
params: {
mobile: '13675843980',
code: '1234',
},
complete: function (msg) {
},
success: function (result) {
console.log(result);
},
fail: function (e) {
}
})
console.log(http.API_SERVICE);
},
})
