這次帶給大家微信小程式的wx.request 與Promise的結(jié)合使用，微信小程式的wx.request與Promise結(jié)合使用的注意事項(xiàng)有哪些，下面就是實(shí)戰(zhàn)案例，一起來看一下。
在使用Promise,我的多次非同步程式碼通常是這樣的.
ajax(url,?function?(res){
????ajax(res.url,?function(res)?{
????????ajax(res.url,?function(res)?{????????????if?(res.status?==?'1')?{
????????????????ajax(res.url,?function(res)?{
????????????????...
????????????????}
????????????}????????????else?if?(res.status?==?'2')?{
????????????????ajax(url2,?function(res)?{
????????????????...
????????????}
????????????...
????????}
????}
}
);
這種流程是很耗費(fèi)心力並且脆弱的,體驗(yàn)很糟糕,因此,在這次小程序的開發(fā)中為了更好的體驗(yàn),我開始使用了Promise.
代碼如下,這樣一來,當(dāng)我們第二個請求需要第一個參數(shù)判斷時,可以不再陷入回調(diào)地獄,
//?小程序與后端情求接口
????let?baseUrlPromise?=?'https://xxx.com';????//?定義方法返回Promise參數(shù),obj?為wx.request?方法中所需參數(shù)
????let?req?=?function?(obj)?{??????return?new?Promise(function?(resolve,?reject)?{
????????wx.request({
??????????url:?baseUrlPromise?+?obj.url,
??????????data:?obj.data,
??????????header:?obj.header,
??????????method:?obj.method?==?undefined???"get"?:?obj.method,
??????????success:?function?(data)?{????????????//?回調(diào)成功執(zhí)行resolve????????????resolve(data)
??????????},
??????????fail:?function?(data)?{????????????//?回調(diào)失敗時
????????????if?(typeof?reject?==?'function')?{
??????????????reject(data);
????????????}?else?{
??????????????console.log(data);
????????????}
??????????},
????????})
??????})
????}????//?執(zhí)行req?方法,傳入第一個請求,
????let?req1?=?req({
??????url:?'第一次請求鏈接,與baseUrlPromise?相結(jié)合',
??????data:?{},
????})????//?當(dāng)需要多次請求時加入
????req1.then(function?(data)?{
??????console.log('promiseThen1')
??????console.log(data);??????return?req({
????????url:?'第二次請求鏈接',
??????})
????}).then(function?(data)?{
??????console.log('promiseThen3')
??????console.log(data);??????return?req({
????????url:'第三次請求鏈接'
??????})
???}).then(......).catch(function(data){
??????console.log(PromiseCatch)
???})
相信看了本文案例你已經(jīng)掌握了方法，更多精彩請關(guān)注php中文網(wǎng)其它相關(guān)文章！
推薦閱讀：
以上是微信小程式的wx.request與Promise的結(jié)合使用的詳細(xì)內(nèi)容。更多資訊請關(guān)注PHP中文網(wǎng)其他相關(guān)文章！
熱AI工具
Undress AI Tool
免費(fèi)脫衣圖片
Undresser.AI Undress
人工智慧驅(qū)動的應(yīng)用程序，用於創(chuàng)建逼真的裸體照片
AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。
Clothoff.io
AI脫衣器
Video Face Swap
使用我們完全免費(fèi)的人工智慧換臉工具，輕鬆在任何影片中換臉！
熱門文章
熱工具
記事本++7.3.1
好用且免費(fèi)的程式碼編輯器
SublimeText3漢化版
中文版，非常好用
禪工作室 13.0.1
強(qiáng)大的PHP整合開發(fā)環(huán)境
Dreamweaver CS6
視覺化網(wǎng)頁開發(fā)工具
SublimeText3 Mac版
神級程式碼編輯軟體(SublimeText3)
熱門話題
使用Python開發(fā)微信小程式
Jun 17, 2023 pm 06:34 PM
隨著行動互聯(lián)網(wǎng)技術(shù)和智慧型手機(jī)的普及，微信成為了人們生活中不可或缺的一個應(yīng)用。而微信小程式則讓人們可以在不需要下載安裝應(yīng)用程式的情況下，直接使用小程式來解決一些簡單的需求。本文將介紹如何使用Python來開發(fā)微信小程式。一、準(zhǔn)備工作在使用Python開發(fā)微信小程式之前，需要先安裝相關(guān)的Python函式庫。這裡推薦使用wxpy和itchat這兩個函式庫。 wxpy是一個微信機(jī)器
實(shí)作微信小程式中的卡片翻轉(zhuǎn)特效
Nov 21, 2023 am 10:55 AM
實(shí)作微信小程式中的卡片翻轉(zhuǎn)特效在微信小程式中，實(shí)現(xiàn)卡片翻轉(zhuǎn)特效是一種常見的動畫效果，可以提升使用者體驗(yàn)和介面互動的吸引力。以下將具體介紹如何在微信小程式中實(shí)現(xiàn)卡片翻轉(zhuǎn)的特效，並提供相關(guān)程式碼範(fàn)例。首先，需要在小程式的頁面佈局檔案中定義兩個卡片元素，一個用於顯示正面內(nèi)容，一個用於顯示背面內(nèi)容，具體範(fàn)例程式碼如下：<!--index.wxml-->&l
支付寶上線「漢字拾光-生僻字」小程序，用於徵集、補(bǔ)充生僻字庫
Oct 31, 2023 pm 09:25 PM
本站10月31日消息，今年5月27日，螞蟻集團(tuán)宣布啟動“漢字拾光計劃”，最近又迎來新進(jìn)展：支付寶上線“漢字拾光-生僻字”小程序，用於向社會徵集生僻字，補(bǔ)充生僻字庫，同時提供不同的生僻字輸入體驗(yàn)，以幫助完善支付寶內(nèi)的生僻字輸入方法。目前，用戶搜尋「漢字拾光」、「生僻字」等關(guān)鍵字就可以進(jìn)入「生僻字」小程式。在小程式裡，使用者可以提交尚未被系統(tǒng)辨識輸入的生僻字圖片，支付寶工程師確認(rèn)後，將會對字庫進(jìn)行補(bǔ)錄入。本站注意到，使用者也可以在小程式體驗(yàn)最新的拆字輸入法，這項(xiàng)輸入法針對讀音不明確的生僻字設(shè)計。用戶拆
在Vue應(yīng)用中遇到Uncaught (in promise) TypeError怎麼辦？
Jun 25, 2023 pm 06:39 PM
Vue是一款受歡迎的前端框架，在開發(fā)應(yīng)用時經(jīng)常會遇到各種各樣的錯誤和問題。其中，Uncaught(inpromise)TypeError是常見的一種錯誤型別。在本篇文章中，我們將探討它的產(chǎn)生原因和解決方法。什麼是Uncaught(inpromise)TypeError？ Uncaught(inpromise)TypeError錯誤通常出現(xiàn)在
uniapp如何實(shí)現(xiàn)小程式和H5的快速轉(zhuǎn)換
Oct 20, 2023 pm 02:12 PM
uniapp如何實(shí)現(xiàn)小程式和H5的快速轉(zhuǎn)換，需要具體程式碼範(fàn)例近年來，隨著行動網(wǎng)路的發(fā)展和智慧型手機(jī)的普及，小程式和H5成為了不可或缺的應(yīng)用形式。而uniapp作為一個跨平臺的開發(fā)框架，可以在一套程式碼的基礎(chǔ)上，快速實(shí)現(xiàn)小程式和H5的轉(zhuǎn)換，大大提高了開發(fā)效率。本文將介紹uniapp如何實(shí)現(xiàn)小程式和H5的快速轉(zhuǎn)換，並給出具體的程式碼範(fàn)例。一、uniapp簡介unia
言出必行：兌現(xiàn)承諾的好處和壞處
Feb 18, 2024 pm 08:06 PM
在日常生活中，我們常常會遇到承諾與兌現(xiàn)之間的問題。無論是在個人關(guān)係中，或是在商業(yè)交易中，承諾的兌現(xiàn)都是建立信任的關(guān)鍵。然而，承諾的利與弊也常常會引起爭議。本文將探討承諾的利與弊，並給予一些建議，如何做到言出必行。承諾的利是顯而易見的。首先，承諾可以建立信任。當(dāng)一個人信守承諾時，他會讓別人相信自己是個可信賴的人。信任是人與人之間建立的紐帶，它可以讓人們更加
PHP與小程式的地理位置定位與地圖顯示
Jul 04, 2023 pm 04:01 PM
PHP與小程式的地理位置定位與地圖顯示地理位置定位與地圖顯示在現(xiàn)代科技中已經(jīng)成為了必備的功能之一。隨著行動裝置的普及，人們對於定位和地圖顯示的需求也越來越高。在開發(fā)過程中，PHP和小程式是常見的兩種技術(shù)選擇。本文將為大家介紹PHP與小程式中的地理位置定位與地圖顯示的實(shí)作方法，並附上對應(yīng)的程式碼範(fàn)例。一、PHP中的地理位置定位在PHP中，我們可以使用第三方地理位
深入了解Promise.resolve()
Feb 18, 2024 pm 07:13 PM
Promise.resolve()詳解，需要具體程式碼範(fàn)例Promise是JavaScript中一種用來處理非同步操作的機(jī)制。在實(shí)際開發(fā)中，常常需要處理一些需要依序執(zhí)行的非同步任務(wù)，而Promise.resolve()方法就是用來傳回一個已經(jīng)Fulfilled狀態(tài)的Promise物件。 Promise.resolve()是Promise類別的靜態(tài)方法，它接受一個
