微信小程序 - 发起网络请求并解析 json 字符串

为什么80%的码农都做不了架构师？>>>   

在平常 web 开发中发送请求则使用 AJAX，而在小程序开发中发起网络请求则使用 wx.request({object})，下面分享下小程序发起网络请求 wx.request 。

注意事项（在页面下面记得向下看）：需要注意的问题

Demo

wx.request({
  url: 'xxx', //仅为示例，并非真实的接口地址
  data: {
     x: '' ,
     y: ''
  },
  method: 'POST', // OPTIONS, GET, HEAD, POST, PUT, DELETE, TRACE, CONNECT(值必须为大写)
  header: {
      'content-type': 'application/json' // 默认值
  },
  success: function(res) {
    console.log(res.data)
  }
})

在你请求成功之后，如果遇到后台返回的是json字符串

这个时候则需要解析json字符串

把json字符串解析成json对象，之后可以 obj.属性 就可得到其中某个值了。

一定要注意：

1、服务器域名配置

每个微信小程序需要事先设置一个通讯域名，小程序可以跟指定的域名与进行网络通信，需要在小程序后台进行配置。配置流程--> 服务器域名请在 小程序后台-设置-开发设置-服务器域名 中进行配置 。

2、HTTPS 证书

小程序必须使用 HTTPS 请求。小程序内会对服务器域名使用的 HTTPS 证书进行校验，如果校验失败，则请求不能成功发起。由于系统限制，不同平台对于证书要求的严格程度不同。为了保证小程序的兼容性，建议开发者按照最高标准进行证书配置，并使用相关工具检查现有证书是否符合要求。

当然我们也能在微信开发者工具中，可以临时开启 开发环境不校验请求域名、TLS版本及HTTPS证书 选项，跳过服务器域名的校验。此时，在微信开发者工具中及手机开启调试模式时，不会进行服务器域名的校验。

如果在服务器域名配置成功后，墙裂建议开发者关闭此选项进行开发，并在各平台下进行测试，以确认服务器域名配置正确。不要沉溺在自我感觉良好的幻境中，要不造成很多 bug -_-#

3、回调

只要成功接收到服务器返回，无论statusCode是多少，都会进入success回调。请开发者根据业务逻辑对返回值进行判断。这个要注意，别以为哎？我请求失败了怎么还有success回调，一定要根据自己业务逻辑来进行处理！

 

水平有限，若有问题请留言交流！

互相学习，共同进步 ：） 转载请注明出处谢谢！

转载于:https://my.oschina.net/hp2017/blog/1819057