zoukankan      html  css  js  c++  java
  • 微信小程序 网络请求之re.request 和那些坑

    微信小程序有四种网络请求类型,下面只详细介绍普通HTTPS请求(wx.request)

    1. 普通HTTPS请求(wx.request)
    2. 上传文件(wx.uploadFile)
    3. 下载文件(wx.downloadFile)
    4. WebSocket通信(wx.connectSocket)

    首先,先确认是否设置了合法域名,或者在开发环境下不校验合法域名。关于设置合法域名请看→微信小程序 网络请求之设置合法域名

     

    以下是wx.request的详细说明,截图于微信小程序开发文档

    在微信index.js 发起一个普通HTTPS请求,上代码

     wx.request({
          url: 'http://localhost:8800/ws_member.asmx/test',
          data: { strCallUserCode: 'test', strCallPassword: '123' },
          method: 'POST', // OPTIONS, GET, HEAD, POST, PUT, DELETE, TRACE, CONNECT
          header: {
            'content-type': 'application/json'
          },// 设置请求的 header
          success: function (res) {
            if (res.statusCode == 200) {
    
            } else {
              console.log("index.js wx.request CheckCallUser statusCode" + res.statusCode);
            }
          },
          fail: function () {
            console.log("index.js wx.request CheckCallUser fail");
          },
          complete: function () {
            // complete
          }
        })

    下面是一些需要注意的地方

    1)data

         1.data 数据说明 最终发送给服务器的数据是 String 类型,如果传入的 data 不是 String 类型,会被转换成 String 。转换规则如下:

    • 对于 header['content-type'] 为 'application/json' 的数据,会对数据进行 JSON 序列化
    • 对于 header['content-type'] 为 'application/x-www-form-urlencoded' 的数据,会将数据转换成 query string (encodeURIComponent(k)=encodeURIComponent(v)&encodeURIComponent(k)=encodeURIComponent(v)...)

       

    2).method 

        1.默认为 GET,有效值:OPTIONS, GET, HEAD, POST, PUT, DELETE, TRACE, CONNECT

        2.值必须为大写

    3) header

        1.header 为 application/json,接口传回来的参数要是json 格式的,否则会报500错误,比如我接口返回来的参数是xml则header['content-type'] 要设置为'application/x-www-form-urlencoded'

    踩过的坑

    请求接口 res.statusCode一直是500,显示以下错误

     

     这个错误的原因是 header['content-type'] 我设置为 'application/json',而接口返回的参数类型为xml格式

     如果接口返回的参数不是json 格式, header['content-type']请设置为'application/x-www-form-urlencoded',那么返回的参数是string类型的,处理的话有点麻烦。

     我把 header['content-type']设置为 'application/json',修改接口,使其返回的参数是json格式的 那就好处理多了。

     在发开中可以把一些错误信息输出在控制台后,方便看,调试完全没问题后再去掉。

  • 相关阅读:
    VBA中使用计时器的两种方法
    好的关卡离不开优秀的团队
    如何从无到有做一个好关卡?
    性能优化总结
    用超链接提交表单,实现在动态网页的url中隐藏参数
    js 中使用el表达式 关键总结:在js中使用el表达式一定要使用双引号
    js中getBoundingClientRect的作用及兼容方案
    IE10、IE11和Microsoft Edge的Hack
    CSS Hack大全-教你如何区分出IE6-IE10、FireFox、Chrome、Opera
    点击a标签,跳转到iframe中,并在iframe中显示指定的页面
  • 原文地址:https://www.cnblogs.com/huangenai/p/6427911.html
Copyright © 2011-2022 走看看