微信小程序网络请求wx.request详解及实例

微信小程序网络请求wx.request详解及实例

如果说小程序api里面最重要一个接口是哪一个？那么首推wx.request()。相当于在小程序内请发起一个https请求（本地调试模式下支持http）。http协议*定义了八种方法或者叫“动作”来表明对request-uri指定的资源的不同操作方式。

1. get：向特定的资源发出请求。
2. post：向指定资源提交数据进行处理请求。数据被包含在请求体中。
3. put：向指定资源位置上传其最新内容。
4. delete：请求服务器删除request-uri所标识的资源。
5. head：向服务器索要与get请求相一致的响应，只不过响应体将不会被返回。
6. trace：回显服务器收到的请求，主要用于测试或诊断
7. options：返回服务器针对特定资源所支持的http请求方法。
8. connect：http/1.1协议中预留给能够将连接改为管道方式的代理服务器。

小程序对以上8种方法全部支持。不过对于网络资源主要还是增删改查四种类型就够了，小程序后台接口主要使用还是类似restfull的方式。

put请求string   

 wx.request({
    url: 'https://a86.cn/chishenme/chishenmedeciper',
    method:'put',
    datatype:'string',
    data:'this is strng data 这是一个中文数据',
    header: {'content-type': 'application/json'},
    success:function(res){
      console.log('this is put request result'+ res.data)
    }
  })

post请求 string  header 不同 

 wx.request({
    url: 'https://a86.cn/chishenme/chishenmedeciper',
    method: 'post',
    datatype: 'string',
    data:'this is post string data',
    header: {'content-type':'application/x-www-form-urlencoded'},
    success: function (res) {
      console.log('this is post request result' + res.data)
    }
  })

注意点

1、请求的方法类型必须大写如get、post、put；

2、请求的方法类型需要用单引号或双引号包括起来；

3、datatye 需要用单引号或双引号包括起来（内部约定也用大写）；

4、content-type 默认为 'application/json' 对于习惯用request.getparameter()获取参数的同学要注意

5、如果使用默认的header，服务端需要对传送过来的内容“流转字符串”

感谢阅读，希望能帮助到大家，谢谢大家对本站的支持！