微信小程序封裝request請求的詳細(xì)過程
1、定義一個(gè)request.js類
// utils/request.js
const app = getApp();
function requestWithToken(url, method = 'GET', data = {}) {
return new Promise((resolve, reject) => {
// 發(fā)送請求
wx.request({
url: app.globalData.position + url,
header: {
"Content-Type": "application/x-www-form-urlencoded"
},
method: method,
data: data,
success: res => {
if (res.statusCode === 200) {
resolve(res.data);
} else {
// 其他錯(cuò)誤處理
wx.showToast({
title: '請求失敗,請稍后重試',
icon: 'none'
});
reject(new Error('Request failed'));
}
},
fail: err => {
reject(err);
}
});
});
}
// 導(dǎo)出封裝的請求函數(shù)
module.exports = {
requestWithToken
};這里的 url: app.globalData.position + url,,
app.globalData.position:是在全局變量定義的position,例如 http://域名/api/
后者url:是傳遞的url地址
2、頁面執(zhí)行請求 POST請求
//封裝的請求方法
requestWithToken('Homepage/sel_YearInfo', 'POST', formData)
.then(response => {
console.log('Form submitted successfully:', response);
that.setData({
monthinfo:response.info
})
})
.catch(error => {
console.error('Error submitting form:', error);
// 處理錯(cuò)誤
});GET請求
requestWithToken('Homepage/sel_YearInfo', 'GET')
.then(response => {
console.log('Protected resource:', response);
// 處理響應(yīng)數(shù)據(jù)
})
.catch(error => {
console.error('Error:', error);
// 處理錯(cuò)誤
}到此這篇關(guān)于微信小程序封裝request請求的文章就介紹到這了,更多相關(guān)微信小程序封裝request請求內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
相關(guān)文章
JS控制靜態(tài)頁面之間傳遞參數(shù)獲取參數(shù)并應(yīng)用的簡單實(shí)例
下面小編就為大家?guī)硪黄狫S控制靜態(tài)頁面之間傳遞參數(shù)獲取參數(shù)并應(yīng)用的簡單實(shí)例。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-08-08
javascript中Array()數(shù)組函數(shù)詳解
在JavaScript中數(shù)組也是比較常用的對象之一,數(shù)組是值的有序集合,本篇文章給大家分享Javascript中Array()數(shù)組函數(shù)詳解,需要的朋友可以參考下2015-08-08
JavaScript實(shí)現(xiàn)動(dòng)畫打開半透明提示層的方法
這篇文章主要介紹了JavaScript實(shí)現(xiàn)動(dòng)畫打開半透明提示層的方法,涉及javascript操作DOM的相關(guān)技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-04-04
教你用javascript實(shí)現(xiàn)隨機(jī)標(biāo)簽云效果_附代碼
下面小編就為大家?guī)硪黄棠阌胘avascript實(shí)現(xiàn)隨機(jī)標(biāo)簽云效果_附代碼。小編覺得很實(shí)用,現(xiàn)在分享給大家。給大家一個(gè)參考2016-03-03
javascript實(shí)現(xiàn)自定義滾動(dòng)條效果
這篇文章主要為大家詳細(xì)介紹了javascript實(shí)現(xiàn)自定義滾動(dòng)條效果,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2021-08-08
javascript中toFixed()四舍五入使用方法詳解
最近做的項(xiàng)目涉及到金額的計(jì)算,有一種方式就是進(jìn)行四舍五入的規(guī)則進(jìn)行小數(shù)點(diǎn)后面的尾數(shù)處理,以前一直以為toFixed方法就是四舍五入的,這里為大家分享一下2018-09-09
基于javascript實(shí)現(xiàn)彩票隨機(jī)數(shù)生成(簡單版)
這篇文章主要介紹了基于javascript實(shí)現(xiàn)彩票隨機(jī)數(shù)生成的相關(guān)資料,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-01-01
js中offset,client , scroll 三大元素知識(shí)點(diǎn)總結(jié)
在本篇文章里小編給大家整理了關(guān)于js 元素offset,client , scroll 三大系列總結(jié),有需要的朋友們可以學(xué)習(xí)下。2019-09-09

