微信小程序封裝request請求的詳細(xì)過程
更新時(shí)間：2025年01月02日 10:30:38 作者：25號(hào)底片~
文章介紹了如何在微信小程序中封裝request請求,首先定義了一個(gè)request.js類,其中url是通過全局變量app.globalData.position和傳遞的url地址拼接而成,文章還提到了POST和GET請求的使用方法,并鼓勵(lì)讀者繼續(xù)瀏覽相關(guān)文章,感興趣的朋友一起看看吧
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)文章
Next.js靜態(tài)文件部署的實(shí)現(xiàn)步驟
本文主要介紹了Next.js靜態(tài)文件部署的實(shí)現(xiàn)步驟,通過修改配置文件和使用Nginx進(jìn)行簡單配置,可以實(shí)現(xiàn)Next.js的靜態(tài)文件部署,感興趣的可以了解一下2025-05-05
如何利用JavaScript實(shí)現(xiàn)排序算法淺析
排序算法是筆試中經(jīng)常出現(xiàn)的,提起排序算法就一定要提下算法復(fù)雜度和大O表示法,算法復(fù)雜度是指算法在編寫成可執(zhí)行程序后，運(yùn)行時(shí)所需要的資源，資源包括時(shí)間資源和內(nèi)存資源,這篇文章主要給大家介紹了關(guān)于如何利用JavaScript實(shí)現(xiàn)排序算法的相關(guān)資料,需要的朋友可以參考下2021-11-11
最近學(xué)到了數(shù)組的使用方法,給大家分享一下,這篇文章主要給大家介紹了關(guān)于js數(shù)組反轉(zhuǎn)的幾種常見方法,文中通過代碼介紹的非常詳細(xì),需要的朋友可以參考下2023-10-10
layui表格設(shè)計(jì)以及數(shù)據(jù)初始化詳解
今天小編就為大家分享一篇layui表格設(shè)計(jì)以及數(shù)據(jù)初始化詳解，具有很好的參考價(jià)值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-10-10
作用域是JavaScript最重要的概念之一，想要學(xué)好JavaScript就需要理解JavaScript作用域和作用域鏈的工作原理。今天這篇文章對JavaScript作用域示例詳解的介紹，非常不錯(cuò)，感興趣的朋友一起看下吧2016-07-07
這篇文章主要介紹了javascript進(jìn)行四舍五入方法匯總，并給出了相關(guān)示例,需要的朋友可以參考下2014-12-12
本文主要介紹了canvas繪制一個(gè)常用的emoji表情的示例代碼。具有很好的參考價(jià)值，下面跟著小編一起來看下吧2017-03-03
通過隱藏iframe實(shí)現(xiàn)文件下載的js方法介紹
本篇文章主要是對通過隱藏iframe實(shí)現(xiàn)文件下載的js方法進(jìn)行了介紹，需要的朋友可以過來參考下，希望對大家有所幫助2014-02-02
這篇文章主要為大家詳細(xì)介紹了js下載文件并修改文件名的代碼，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-05-05
執(zhí)行上下文可以說是js代碼執(zhí)行的一個(gè)環(huán)境，存放了代碼執(zhí)行所需的變量，變量查找的作用域鏈規(guī)則以及this指向等。同時(shí)，它也是js很底層的東西，很多的問題如變量提升、作用域鏈和閉包等都可以在執(zhí)行上下文中找到答案，所以這也是我們學(xué)習(xí)執(zhí)行上下文的原因2023-05-05