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

发布于 2017-05-26 05:14:54 | 288 次阅读 | 评论: 0 | 来源: 网友投递

这里有新鲜出炉的微信小程序入门，程序狗速度看过来！

小程序 微信小程序

微信小程序网络请求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，服务端需要对传送过来的内容“流转字符串”

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