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