微信小程序request封裝Request的做
小程序是必不可少的,所有后端網(wǎng)絡請求都要用到request,雖然微信的request相對來說已經(jīng)很簡潔,但對http status code的判斷,處理異常都不是很方便
首先新建一個request.js
class request {
constructor() {
this._header = {'content-type': 'application/x-www-form-urlencoded'}
}
/**
* 設置統(tǒng)一的異常處理
*/
setErrorHandler(handler) {
this._errorHandler = handler;
}
/**
* GET類型的網(wǎng)絡請求
*/
getRequest(url, data, header = this._header) {
return this.requestAll(url, data, header, 'GET')
}
/**
* DELETE類型的網(wǎng)絡請求
*/
deleteRequest(url, data, header = this._header) {
return this.requestAll(url, data, header, 'DELETE')
}
/**
* PUT類型的網(wǎng)絡請求
*/
putRequest(url, data, header = this._header) {
return this.requestAll(url, data, header, 'PUT')
}
/**
* POST類型的網(wǎng)絡請求
*/
postRequest(url, data, header = this._header) {
return this.requestAll(url, data, header, 'POST')
}
/**
* 網(wǎng)絡請求
*/
requestAll(url, data, header, method) {
return new Promise((resolve, reject) => {
wx.request({
url: url,
data: data,
header: header,
method: method,
success: (res => {
if (res.statusCode === 200) {
//200: 服務端業(yè)務處理正常結束
resolve(res)
//請求返回401 跳轉(zhuǎn)登陸
if(res.data.code=="401"){
wx.reLaunch({
url: '/pages/login/index',
})
}
} else {
//其它錯誤,提示用戶錯誤信息
if (this._errorHandler != null) {
//如果有統(tǒng)一的異常處理,就先調(diào)用統(tǒng)一異常處理函數(shù)對異常進行處理
this._errorHandler(res)
}
reject(res)
}
}),
fail: (res => {
if (this._errorHandler != null) {
this._errorHandler(res)
}
reject(res)
})
})
})
}
}
export default request
新建getApi.js
import request from './request.js'
import utilMd5 from './md5.js'
class getApi{
constructor() {
this._baseUrl = 'https:xxxx'
this._defaultHeader = {
'data-tupe': 'application/json'
}
this._request = new request
this._request.setErrorHandler(this.errorHander)
this._key = 'cdweb_net'
}
/**
* timestamp
*/
timestamp() {
//獲取當前時間戳
let timestamp = Date.parse(new Date());
timestamp = timestamp / 1000;
//獲取當前時間
let n = timestamp * 1000;
let date = new Date(n);
let Y = date.getFullYear(); //年
let M = (date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) : date.getMonth() + 1); //月
let D = date.getDate() < 10 ? '0' + date.getDate() : date.getDate(); //日
let h = date.getHours(); //時
let m = date.getMinutes(); //分
let s = date.getSeconds(); //秒
return Y.toString() + M + D + h + m + s;
}
/**
* 公共參數(shù)
*/
connDate(data) {
let timestamp = this.timestamp();
let conn = {
timestamp: timestamp,
token: utilMd5.hexMD5(timestamp + this._key),
}
return Object.assign(conn, data);
}
/**
* 統(tǒng)一的異常處理方法
*/
errorHander(res) {
console.error(res)
}
/**
* 驗證token
*/
getToken(session3rd) {
let url = "User/xxx"
let data = {
device_token: 'wechat',
session3rd: session3rd
}
return this._request.getRequest(this._baseUrl + url, this.connDate(data)).then(res => res.data)
}
/**
* 獲取項目
*/
getProject(session3rd, userID, cpage,k='') {
let url = "Project/xx"
let data = {
session3rd: session3rd,
userID: userID,
cpage: cpage,
k:k
}
return this._request.getRequest(this._baseUrl + url, this.connDate(data)).then(res => res.data)
}
}
export default getApi
最后在app。Js實例化
Import getApi from ‘./apis/request.js’
getApi:new getApi()
在pages里使用
Const app = getApp();
getdataList() {
app.getApi.getCourseList(this.data.xx)
.then(res => {
this.setData({
list: list
})
})
.catch(res => {
//you code
})
},
網(wǎng)站欄目:?微信小程序request封裝
本文網(wǎng)址:http://muchs.cn/news/176596.html
成都網(wǎng)站建設公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站維護、面包屑導航、小程序開發(fā)、微信小程序、虛擬主機、外貿(mào)網(wǎng)站建設
廣告
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源:
創(chuàng)新互聯(lián)