微信小程序-网络数据请求

网络数据请求

1.小程序中网络数据请求的限制

出于安全方面的考虑，小程序对数据接口的请求做出了如下 两个限制：

①只能请求 HTTPS类型的接口

②必须将 接口的域名添加到 信任列表中

配置合法域名：

配置步骤：登录微信小程序管理后台->开发->开发设置->服务器域名->修改request合法域名

注意事项：

①域名只支持https协议

②域名不能使用IP 地址或 localhost

③域名必须经过ICP备案

④服务器域名一个月内最多可申请5次修改

⑤每个月只能修改五次

如何发起GET请求

wx.request();发起GET请求

 getInfo() {

       wx.request({

         url: 'https://www.***.cn',

         method: 'GET',

         data:{

            name:'张三',

            age:22 

         },

         success: (res)=>{

             console.log(res.data);

         }

       })

    },

如何发起POST请求

wx.request();发起POST请求

postInfo() {

        wx.request({

          url: 'https://www.****.cn',

          method: 'POST',

          data:{

             name:'李四',

             age:22 

          },

          success: (res)=>{

              console.log(res.data);

          }

        })

     },

跳过request 合法域名校验

如果后端程序员仅仅提供了HTTP 协议的接口、暂时没有提供https 协议接口。

此时为了不耽误开发进度，我们可以微信开发者工具中，临时开启  开发环境不校验请求域名，TLS版本 及HTTPS证书，选项，跳过request 合法域名的校验。

配置方法：详情->本地设置->勾选 不校验合法域名，web-view（业务域名）、TLS版本以及HTTPS证书

注意：只能在开发与调试阶段使用

关于AJAX和跨域说明：

跨域问题只存在基于浏览器的Web开发中。由于小程序的宿主环境不是浏览器，而是微信客户端，所以 小程序不存在跨域问题。

Ajax技术的核心是依赖于浏览器的XMLHttpRequest这个对象，由于小程序大的宿主环境是微信客户端，所以小程序不能叫做“发起Ajax请求”，而是叫做“发起网络数据请求”

请求url当中动态传参的写法：

注意：通过$符号获得参数时，要用反引号将url字符串引起来

 url: `https://www.***.cn/categories/${this.data.query.id}/shops`,

${}符号取值