在UniApp中,可以使用uni.request方法發送HTTP請求來請求傳遞和獲取數據。
發送請求:
uni.request({
url: 'http://example.com/api',
method: 'GET', // 請求方法,如GET、POST等
data: { // 請求參數
key1: value1,
key2: value2
},
success: (res) => {
// 請求成功的回調函數
console.log(res.data) // 獲取服務器返回的數據
},
fail: (err) => {
// 請求失敗的回調函數
console.log(err)
}
})
在請求參數中,可以指定請求的URL、請求方法和請求參數。通過success回調函數可以獲取服務器返回的數據,通過fail回調函數可以處理請求失敗的情況。
如果需要發送POST請求,可以將method設置為’POST’,并在data中指定請求參數。
獲取數據: UniApp中可以使用Vue.js的數據綁定來獲取數據。首先在data中定義一個變量,然后在頁面模板中使用{{}}來綁定數據。
頁面模板:
<template>
<view>
<text>{{message}}</text>
</view>
</template>
JS代碼:
<script>
export default {
data() {
return {
message: 'Hello UniApp!'
}
}
}
</script>
在上面的例子中,通過在data中定義一個message變量,并在模板中使用{{message}}來顯示變量的值。可以在JS代碼中修改message的值,然后頁面上的文本內容會實時更新。
當然,如果需要獲取服務器返回的數據,可以在請求成功的回調函數里更新data中的變量的值,然后頁面會自動更新顯示最新的數據。