## 1、 uni.request(OBJECT) 發起網絡請求
```
參數名 類型 必填 默認值 說明
url String 是 開發者服務器接口地址
data Object/String/ArrayBuffer 否 請求的參數
header Object 否 設置請求的 header,header 中不能設置 Referer。
method String 否 GET (需大寫)有效值:OPTIONS, GET, HEAD, POST, PUT, DELETE, TRACE, CONNECT
dataType String 否 json 如果設為 json,會嘗試對返回的數據做一次 JSON.parse
responseType String 否 text 設置響應的數據類型。合法值:text、arraybuffer
success Function 否 收到開發者服務成功返回的回調函數
fail Function 否 接口調用失敗的回調函數
complete Function 否 接口調用結束的回調函數(調用成功、失敗都會執行)
```
**success 返回參數說明**
```
參數 類型 說明
data Object/String/ArrayBuffer 開發者服務器返回的數據
statusCode Number 開發者服務器返回的 HTTP 狀態碼
header Object 開發者服務器返回的 HTTP Response Header
```
**data 數據說明**
最終發送給服務器的數據是 String 類型,如果傳入的 data 不是 String 類型,會被轉換成 String。轉換規則如下:
```
對于 GET 方法,會將數據轉換為 query string。例如 { name: 'name', age: 18 } 轉換后的結果是 name=name&age=18。
對于 POST 方法且 header['content-type'] 為 application/json 的數據,會進行 JSON 序列化。
對于 POST 方法且 header['content-type'] 為 application/x-www-form-urlencoded 的數據,會將數據轉換為 query string。
```
**示例:**
```
<template>
<view></view>
</template>
<script>
export default {
data:{
},
onLoad:function(){
//get
const requestTask1 = uni.request({
url: 'https://demo.hcoder.net',
success: function (res) {
console.log(res.data);
}
});
//
const requestTask2 = uni.request({
url: 'https://demo.hcoder.net/index.php?m=getJson',
success: function (res) {
console.log(res.data);
}
});
//
const requestTask3 = uni.request({
url: 'https://demo.hcoder.net/index.php',
data: {name : 'hcoder...', 'age' : 18},
method:"POST",
header : {'content-type':'application/x-www-form-urlencoded'},
success: function (res) {
console.log(res.data);
}
});
}
}
</script>
```
- 第1講 : 創建項目、部署 VUE 、入口頁面布局
- 第2講,快速開始第一個項目
- 第3講 : uni-app 開發規范及目錄結構
- 第4講 : uni-app 頁面樣式與布局
- 第5講 : uni-app 配置文件 - pages.json
- 第6講 : 配置文件 - manifest.json
- 第7講 : uni-app 頁面生命周期
- 第8講 : uni-app 模板語法 - 數據綁定
- 第9講Class 與 Style 綁定 (動態菜單激活示例)
- 第10講 : uni-app 事件處理、事件綁定、事件傳參
- 第11講 : uni-app 組件 - 基礎組件
- 第12講 : uni-app 組件 - 表單組件
- 第13講 : uni-app 組件 - navigator(導航)及頁
- 第14講 : uni-app 組件 - 媒體組件
- 第15講 : uni-app 組件 - 地圖組件
- 第16講 : uni-app 接口 - 網絡請求
- 第17講 : uni-app 接口 - 從本地相冊選擇圖片或使
- 第18講 : uni-app 上傳(圖片上傳實戰)
- 第19講 : uni-app 接口 - 數據緩存
- 第20講 : uni-app 設備相關
- 第21講 : uni-app 交互反饋
- 第22講 : uni-app 設置導航條
- 第23講 : uni-app 導航(頁面流轉)
- 第24講 : uni-app 下拉刷新
- 第25講 : uni-app 上拉加載更多
- 第26講 : uni-app 第三方登錄(小程序篇)
- 第27講 : uni-app 登錄(h5+ app 篇)
- 第28講 : 自定義組件創建及使用