微信小程序中post方法與get方法的封裝
更新時(shí)間：2017年09月26日 10:07:43 作者：CharlinGod
這篇文章主要介紹了微信小程序中post方法與get方法的封裝的相關(guān)資料,希望通過本文能幫助到大家，讓大家掌握如何封裝，需要的朋友可以參考下
微信小程序開發(fā)post方法與get方法的封裝
第一步：在utils文件夾下創(chuàng)建httpUtil.js文件
第二步：創(chuàng)建函數(shù)httpPost方法代碼如下:
function Post(url, data, cb, isShow, showNetError, that, showLoading) {
if (showLoading == true || showLoading == undefined){
wx.showNavigationBarLoading();
wx.showLoading({
title: '加載中...',
})
}
var basicData = {
vloginPwd: api.vloginPwd,
vtoken: api.vtoken
}
if (!isEmpty(data)) {
for (var key in data) {
try {
basicData[key] = data[key];
} catch (e) { }
}
}
wx.request({
url: url,
header: { 'content-type': 'application/x-www-form-urlencoded' },
method: 'POST',
data: basicData,
success: (res) => {
if (res.data.state == 200) {
typeof cb == "function" && cb(res.data, "");
} else {
if (isShow == true) {
wx.showModal({
title: '提示',
content: res.data.msg,
showCancel: false
})
}
}
},
fail: (err) => {
if (showNetError) {
that.setData({
errorDisplay:'',
containHidden:true
})
}
},
complete: (res) => {
setTimeout(function () {
wx.hideNavigationBarLoading();
wx.hideLoading();
}, 100)
}
});
};
第三步，在module里添加：
module.exports = {
httpGet: Get,
httpPost: Post
};
第四步，引入
var httpUtil = require('../../utils/HttpHelper.js')
第五步，如何使用
onload:function(option){
var that = this;
httpUtil.httpPost(api.getListUrl, jsonData, function (res) {
wx.showModal({
title: '提示',
content: res.msg,
showCancel: false,
confirmText:"查看",
success: function (res) {
console.log("res.data===", res.data);
if (res.confirm) {
that.toDetail(res.data);
}
}
})
}, true, true, this);
}
如有疑問請留言或者到本站社區(qū)交流討論，感謝閱讀，希望通過本文能幫助到大家，謝謝大家對本站的支持！
相關(guān)文章
uniapp介紹與使用以及小程序?qū)崟r(shí)獲取視頻播放時(shí)間
這篇文章主要給大家介紹了關(guān)于uniapp介紹與使用以及小程序?qū)崟r(shí)獲取視頻播放時(shí)間的相關(guān)資料,文中通過實(shí)例代碼介紹的非常詳細(xì),對大家學(xué)習(xí)或者使用uniapp具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2023-02-02
這篇文章主要介紹了js單線程的本質(zhì) Event Loop解析,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2019-10-10
這篇文章主要介紹了JS文件上傳時(shí)如何使用MD5加密，具有很好的參考價(jià)值，希望對大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-10-10
如何用js將blob為pcm格式轉(zhuǎn)換為MP3格式
要將PCM文件轉(zhuǎn)換為MP3文件,您可以使用Js實(shí)現(xiàn),這篇文章主要給大家介紹了關(guān)于如何用js將blob為pcm格式轉(zhuǎn)換為MP3格式的相關(guān)資料,需要的朋友可以參考下2023-11-11
Node.js是一套用來編寫高性能網(wǎng)絡(luò)服務(wù)器的JavaScript工具包，一系列的變化由此開始。比較獨(dú)特的是，Node.js會(huì)假設(shè)你是在POSIX環(huán)境下運(yùn)行它Linux 或 Mac OS X2012-03-03
找到了一篇jQuery與Prototype并存的沖突的解決方法
找到了一篇jQuery與Prototype并存的沖突的解決方法...2007-08-08
在Chrome DevTools中調(diào)試JavaScript的實(shí)現(xiàn)
這篇文章主要介紹了在Chrome DevTools中調(diào)試JavaScript的實(shí)現(xiàn)，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-04-04
JS實(shí)現(xiàn)的哈夫曼編碼示例【原始版與修改版】
這篇文章主要介紹了JS實(shí)現(xiàn)的哈夫曼編碼,結(jié)合實(shí)例形式分析了基于JavaScript定義、使用哈夫曼樹進(jìn)行編碼、解碼等相關(guān)操作技巧,需要的朋友可以參考下2018-04-04
前幾天一個(gè)項(xiàng)目讓我頭疼了很久，一個(gè)關(guān)于圖片加載時(shí)的loading效果，因?yàn)椴皇翘甹s，所以在網(wǎng)上各種找資料，但還是不理想，無賴苦心研究，終于有了一點(diǎn)眉目了，雖然個(gè)中還有一些道理不懂，至少目的達(dá)到了2013-11-11
JavaScript學(xué)習(xí)筆記之?dāng)?shù)組的增、刪、改、查
這篇文章主要介紹了JavaScript學(xué)習(xí)筆記之?dāng)?shù)組的增、刪、改、查的相關(guān)資料,需要的朋友可以參考下2016-03-03