uni-app 調(diào)用接口步驟:定義請(qǐng)求方法,包括 url、方法和數(shù)據(jù);設(shè)置請(qǐng)求頭(可選);發(fā)送請(qǐng)求;響應(yīng)處理,包括成功和失敗回調(diào)。
如何使用 uni-app 調(diào)用接口
步驟:
1. 定義請(qǐng)求方法
<code class="javascript">const request = uni.request({ url: 'http://example.com/api/v1/users', method: 'GET', data: { name: 'John Doe' }, success: (res) => { console.log(res.data) }, fail: (err) => { console.log(err) } })</code>
登錄后復(fù)制
參數(shù)說明:
url
: 請(qǐng)求的接口地址
method
: 請(qǐng)求方法(如 GET、POST、PUT、DELETE)
data
: 請(qǐng)求參數(shù)(可選)
success
: 請(qǐng)求成功時(shí)的回調(diào)函數(shù)
fail
: 請(qǐng)求失敗時(shí)的回調(diào)函數(shù)
2. 設(shè)置請(qǐng)求頭(可選)
可以使用 setRequestHeader()
方法設(shè)置請(qǐng)求頭:
<code class="javascript">request.setRequestHeader('Content-Type', 'application/json')</code>
登錄后復(fù)制
3. 發(fā)送請(qǐng)求
調(diào)用 send()
方法發(fā)送請(qǐng)求:
<code class="javascript">request.send()</code>
登錄后復(fù)制
4. 響應(yīng)處理
在 success
回調(diào)函數(shù)中處理請(qǐng)求成功的響應(yīng),在 fail
回調(diào)函數(shù)中處理請(qǐng)求失敗的錯(cuò)誤。
示例:
<code class="javascript">uni.request({ url: 'http://example.com/api/v1/users', method: 'GET', success: (res) => { const users = res.data.users console.log(users) }, fail: (err) => { console.log(err) } })</code>
登錄后復(fù)制
注意:
uni.request()
是異步請(qǐng)求,不會(huì)阻塞后續(xù)代碼的執(zhí)行。
確保接口地址和請(qǐng)求方法正確。
對(duì)于需要身份驗(yàn)證的接口,需要在請(qǐng)求頭中攜帶必要的 token 或其他憑據(jù)。
處理請(qǐng)求失敗時(shí),可以根據(jù)具體錯(cuò)誤代碼采取相應(yīng)的措施,如重試請(qǐng)求或提示用戶。