uni-app系列(四)

文章内容：uni-app之网络请求

参数名 类型 必填 默认值 说明

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数据说明

对于 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://localhost:3000',
   success: function (res) {
    console.log(res.data);
   }
  });
  //
  const requestTask2 = uni.request({
   url: 'http://localhost:3000,
   success: function (res) {
    console.log(res.data);
   }
  });
  //
  const requestTask3 = uni.request({
   url: 'http://localhost:3000,
   data: {name : 'tom', 'age' : 18},
   method:"POST",
   header : {'content-type':'application/x-www-form-urlencoded'},
   success: function (res) {
    console.log(res.data);
   }
  });
    }
}
</script>