微信小程序封裝request請(qǐng)求的詳細(xì)過程
1、定義一個(gè)request.js類
// utils/request.js const app = getApp(); function requestWithToken(url, method = 'GET', data = {}) { return new Promise((resolve, reject) => { // 發(fā)送請(qǐng)求 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: '請(qǐng)求失敗,請(qǐng)稍后重試', icon: 'none' }); reject(new Error('Request failed')); } }, fail: err => { reject(err); } }); }); } // 導(dǎo)出封裝的請(qǐng)求函數(shù) module.exports = { requestWithToken };
這里的 url: app.globalData.position + url,,
app.globalData.position:是在全局變量定義的position,例如 http://域名/api/
后者url:是傳遞的url地址
2、頁(yè)面執(zhí)行請(qǐng)求 POST請(qǐng)求
//封裝的請(qǐng)求方法 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請(qǐng)求
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請(qǐng)求的文章就介紹到這了,更多相關(guān)微信小程序封裝request請(qǐng)求內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
- 微信小程序wx.request使用POST請(qǐng)求時(shí)后端無法獲取數(shù)據(jù)解決辦法
- 微信小程序設(shè)置全局請(qǐng)求URL及封裝wx.request請(qǐng)求操作示例
- 微信小程序使用wx.request請(qǐng)求服務(wù)器json數(shù)據(jù)并渲染到頁(yè)面操作示例
- 微信小程序使用request網(wǎng)絡(luò)請(qǐng)求操作實(shí)例
- 微信小程序request請(qǐng)求后臺(tái)接口php的實(shí)例詳解
- 微信小程序網(wǎng)絡(luò)請(qǐng)求wx.request詳解及實(shí)例
- 微信小程序 wx.request(OBJECT)發(fā)起請(qǐng)求詳解
相關(guān)文章
JS控制靜態(tài)頁(yè)面之間傳遞參數(shù)獲取參數(shù)并應(yīng)用的簡(jiǎn)單實(shí)例
下面小編就為大家?guī)硪黄狫S控制靜態(tài)頁(yè)面之間傳遞參數(shù)獲取參數(shù)并應(yīng)用的簡(jiǎn)單實(shí)例。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-08-08javascript中Array()數(shù)組函數(shù)詳解
在JavaScript中數(shù)組也是比較常用的對(duì)象之一,數(shù)組是值的有序集合,本篇文章給大家分享Javascript中Array()數(shù)組函數(shù)詳解,需要的朋友可以參考下2015-08-08用原生JS獲取CLASS對(duì)象(很簡(jiǎn)單實(shí)用)
這篇文章主要介紹了如何用原生JS獲取CLASS對(duì)象,看過dom編程藝術(shù)的朋友或許會(huì)知道的2014-10-10JavaScript實(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-03javascript實(shí)現(xiàn)自定義滾動(dòng)條效果
這篇文章主要為大家詳細(xì)介紹了javascript實(shí)現(xiàn)自定義滾動(dòng)條效果,文中示例代碼介紹的非常詳細(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ù)生成(簡(jiǎn)單版)
這篇文章主要介紹了基于javascript實(shí)現(xiàn)彩票隨機(jī)數(shù)生成的相關(guān)資料,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-01-01js中offset,client , scroll 三大元素知識(shí)點(diǎn)總結(jié)
在本篇文章里小編給大家整理了關(guān)于js 元素offset,client , scroll 三大系列總結(jié),有需要的朋友們可以學(xué)習(xí)下。2019-09-09