微信小程序的接口调用封装

首先呢是http.js文件代码:::

const app = getApp();

var http = {

get: function(url, data, callback) {

data.access_token = wx.getStorageSync(access_token);

wx.request({

url: app.domain + url,

method: get,

header: {

companyId:21,

appid: app.appid,

appSecret: app.appSecret,

access_token: wx.getStorageSync("access_token"),

Cookie: access_token=+wx.getStorageSync("access_token")

},

data: data,

success: res => {

callback(null, res.data);

},

fail: err => {

callback(err)

}

})

},

post: function(url, data, callback, formStyle) {

data.access_token = wx.getStorageSync(access_token);

 

wx.request({

url: app.domain + url,

method: post,

header: {

companyId: 21,

appid: app.appid,

appSecret: app.appSecret,

access_token: wx.getStorageSync("access_token"),

Cookie: access_token= + wx.getStorageSync("access_token"),

content-type: typeof formStyle == "undefined" ? application/json : formStyle

},

data: data,

success: res => {

callback(null, res.data);

},

fail: err => {

callback(err)

}

})

},

put: function(url, data, callback, formStyle) {

data.access_token = wx.getStorageSync(access_token);

 

wx.request({

url: app.domain + url + "?access_token=" + data.access_token,

method: put,

header: {

companyId: 21,

appid: app.appid,

appSecret: app.appSecret,

access_token: wx.getStorageSync("access_token"),

Cookie: access_token= + wx.getStorageSync("access_token"),

content-type: typeof formStyle == "undefined" ? application/json : formStyle

},

data: data,

success: res => {

callback(null, res.data);

},

fail: err => {

callback(err)

}

})

},

delete: function(url, data, callback, formStyle) {

data.access_token = wx.getStorageSync(access_token);

wx.request({

url: app.domain + url,

method: delete,

header: {

companyId: 21,

appid: app.appid,

appSecret: app.appSecret,

access_token: wx.getStorageSync("access_token"),

Cookie: access_token= + wx.getStorageSync("access_token"),

content-type: typeof formStyle == "undefined" ? application/json : formStyle

},

data: data,

success: res => {

callback(null, res.data);

},

fail: err => {

callback(err)

}

})

}

};

将固定前缀等参数定义在app.js中

domain: http://a.test.cn/,

signKey: ec3c9d73689c4e24ae7e4783dda56a60,

 

举例调用:::

var staffId = this.data.staffData.staffId;

var fileId = this.data.fileData.fileId;

var accessUrl = this.data.avatar;

http.post("/updateAvatar", {

staffId: staffId,

accessUrl: accessUrl,

fileId: fileId

}, function (err, res) {

if (res.errCode == 0) {

const toast = Toast.success(修改成功);

Toast.clear();

}

})

 

微信小程序的接口调用封装

上一篇:小程序在wxml中使用js的方法


下一篇:小程序组件之间的通信