uni-app 調用接口步驟:定義請求方法,包括 url、方法和數據;設置請求頭(可選);發送請求;響應處理,包括成功和失敗回調。
如何使用 uni-app 調用接口
步驟:
1. 定義請求方法
<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>
登錄后復制
參數說明:
url
: 請求的接口地址
method
: 請求方法(如 GET、POST、PUT、DELETE)
data
: 請求參數(可選)
success
: 請求成功時的回調函數
fail
: 請求失敗時的回調函數
2. 設置請求頭(可選)
可以使用 setRequestHeader()
方法設置請求頭:
<code class="javascript">request.setRequestHeader('Content-Type', 'application/json')</code>
登錄后復制
3. 發送請求
調用 send()
方法發送請求:
<code class="javascript">request.send()</code>
登錄后復制
4. 響應處理
在 success
回調函數中處理請求成功的響應,在 fail
回調函數中處理請求失敗的錯誤。
示例:
<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>
登錄后復制
注意:
uni.request()
是異步請求,不會阻塞后續代碼的執行。
確保接口地址和請求方法正確。
對于需要身份驗證的接口,需要在請求頭中攜帶必要的 token 或其他憑據。
處理請求失敗時,可以根據具體錯誤代碼采取相應的措施,如重試請求或提示用戶。