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

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

成都创新互联公司拥有10余年的建站服务经验，在此期间，我们发现较多的客户在挑选建站服务商前都非常的犹豫。主要问题集中：在无法预知自己的网站呈现的效果是什么样的？也无法判断选择的服务商设计出来的网页效果自己是否会满意？成都创新互联公司业务涵盖了互联网平台网站建设、移动平台网站制作、网络推广、按需网站策划等服务。成都创新互联公司网站开发公司本着不拘一格的网站视觉设计和网站开发技术相结合，为企业做网站提供成熟的网站设计方案。

如果说小程序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，服务端需要对传送过来的内容“流转字符串”

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