微信小程序封裝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-08javascript中Array()數(shù)組函數(shù)詳解
在JavaScript中數(shù)組也是比較常用的對象之一,數(shù)組是值的有序集合,本篇文章給大家分享Javascript中Array()數(shù)組函數(shù)詳解,需要的朋友可以參考下2015-08-08JavaScript實(shí)現(xiàn)動畫打開半透明提示層的方法
這篇文章主要介紹了JavaScript實(shí)現(xiàn)動畫打開半透明提示層的方法,涉及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-03javascript實(shí)現(xiàn)自定義滾動條效果
這篇文章主要為大家詳細(xì)介紹了javascript實(shí)現(xiàn)自定義滾動條效果,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2021-08-08javascript中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-01js中offset,client , scroll 三大元素知識點(diǎn)總結(jié)
在本篇文章里小編給大家整理了關(guān)于js 元素offset,client , scroll 三大系列總結(jié),有需要的朋友們可以學(xué)習(xí)下。2019-09-09