在app.js中封裝4個方法
```
/**
* 顯示成功提示框
*/
showSuccess: function(msg, callback) {
wx.showToast({
title: msg,
icon: 'success',
success: function() {
callback && (setTimeout(function() {
callback();
},
1500));
}
});
},
/**
* 顯示失敗提示框
*/
showError: function(msg, callback) {
wx.showModal({
title: '友情提示',
content: msg,
showCancel: false,
success: function(res) {
// callback && (setTimeout(function() {
// callback();
// }, 1500));
callback && callback();
}
});
},
/**
* get請求
*/
_get: function(url, data, success, fail, complete) {
wx.showNavigationBarLoading();
var App = this;
// 構造get請求
var request = function() {
console.log("555");
//data.token = wx.getStorageSync('token');
wx.request({
url: url, //僅為示例，并非真實的接口地址
method: 'POST',
header: {
'content-type': 'application/json' // 默認值
},
success: function(res) {
success && success(res.data);
},
fail: function(res) {
// console.log(res);
App.showError(res.errMsg,
function() {
fail && fail(res);
});
},
complete: function(res) {
wx.hideNavigationBarLoading();
complete && complete(res);
},
})
};
// 判斷是否需要驗證登錄
request();
},
/**
* post提交
*/
_post_form: function(url, data, success, fail, complete) {
wx.showNavigationBarLoading();
var App = this;
wx.request({
url: url,
header: {
'content-type': 'application/x-www-form-urlencoded',
},
method: 'POST',
success: function(res) {
success && success(res.data);
},
fail: function(res) {
fail && fail(res);
},
complete: function(res) {
wx.hideLoading();
wx.hideNavigationBarLoading();
complete && complete(res);
}
});
// 判斷是否需要驗證登錄
request();
},
```
app.js文件
```
//app.js
App({
//api_root: '2221', // api地址
// siteInfo: require('siteinfo.js'),
onLaunch: function() {
// 展示本地存儲能力
var logs = wx.getStorageSync('logs') || [] logs.unshift(Date.now()) wx.setStorageSync('logs', logs)
// 登錄
wx.login({
success: res = >{
// 發送 res.code 到后臺換取 openId, sessionKey, unionId
}
})
// 獲取用戶信息
wx.getSetting({
success: res = >{
if (res.authSetting['scope.userInfo']) {
// 已經授權，可以直接調用 getUserInfo 獲取頭像昵稱，不會彈框
wx.getUserInfo({
success: res = >{
// 可以將 res 發送給后臺解碼出 unionId
this.globalData.userInfo = res.userInfo
// 由于 getUserInfo 是網絡請求，可能會在 Page.onLoad 之后才返回
// 所以此處加入 callback 以防止這種情況
if (this.userInfoReadyCallback) {
this.userInfoReadyCallback(res)
}
}
})
}
}
})
},
globalData: {
userInfo: null
},
/**
* 顯示成功提示框
*/
showSuccess: function(msg, callback) {
wx.showToast({
title: msg,
icon: 'success',
success: function() {
callback && (setTimeout(function() {
callback();
},
1500));
}
});
},
/**
* 顯示失敗提示框
*/
showError: function(msg, callback) {
wx.showModal({
title: '友情提示',
content: msg,
showCancel: false,
success: function(res) {
// callback && (setTimeout(function() {
// callback();
// }, 1500));
callback && callback();
}
});
},
/**
* get請求
*/
_get: function(url, data, success, fail, complete) {
wx.showNavigationBarLoading();
var App = this;
// 構造get請求
var request = function() {
console.log("555");
//data.token = wx.getStorageSync('token');
wx.request({
url: url,
//僅為示例，并非真實的接口地址
method: 'POST',
header: {
'content-type': 'application/json' // 默認值
},
success: function(res) {
success && success(res.data);
},
fail: function(res) {
// console.log(res);
App.showError(res.errMsg,
function() {
fail && fail(res);
});
},
complete: function(res) {
wx.hideNavigationBarLoading();
complete && complete(res);
},
})
};
// 判斷是否需要驗證登錄
request();
},
/**
* post提交
*/
_post_form: function(url, data, success, fail, complete) {
wx.showNavigationBarLoading();
var App = this;
wx.request({
url: url,
header: {
'content-type': 'application/x-www-form-urlencoded',
},
method: 'POST',
success: function(res) {
success && success(res.data);
},
fail: function(res) {
fail && fail(res);
},
complete: function(res) {
wx.hideLoading();
wx.hideNavigationBarLoading();
complete && complete(res);
}
});
// 判斷是否需要驗證登錄
request();
},
})
```
