微信小程序Api发送网络请求(request)

微信小程序发送网络请求(request)

 

下边的地址是微信小程序开发平台对网络请求的介绍。

微信小程序网络请求介绍

 

最近公司要求开发小程序，下面是我查看微信小程序文档，写的一个demo，记录下来方便以后使用

 

开发环境测试：

为了进行测试，小程序需要设置不校验业务域名以及TLS版本以及HTTPS整数。

 JS页面：

// Js请求方法
test:function() {
    wx.request({
      url: 'http://localhost:8080/test/login.action', //接口地址
      data: {
        x: '1',// 参数：值
        y: '2'
      },
      header: {
        'content-type': 'application/json' // 默认值
      },
      success(res) {
            // 返回值
            console.log(res.data)
      }
    })
  }

WXML页面 ：

WXML页面
<button bindtap='test'>测试网络连接</button>

微信请求参数：

属性	类型	默认值	是否必填	说明	支持版本
url	string		是	开发者服务器接口地址
data	string/object/ArrayBuffer		否	请求的参数
header	Object		否	设置请求的 header，header 中不能设置 Referer。 content-type 默认为 application/json
method	string	GET	否	HTTP 请求方法
dataType	string	json	否	返回的数据格式
responseType	string	text	否	响应的数据类型	>= 1.7.0
success	function		否	接口调用成功的回调函数
fail	function		否	接口调用失败的回调函数
complete	function		否	接口调用结束的回调函数（调用成功、失败都会执行）

回调函数：

属性	类型	说明	支持版本
data	string/Object/Arraybuffer	开发者服务器返回的数据
statusCode	number	开发者服务器返回的 HTTP 状态码
header	Object	开发者服务器返回的 HTTP Response Header	>= 1.2.0

下面微信官方开发文档地址，大家可以参考官方Api。

 RequestTask wx.request(Object object)