小程序教学八(网络请求)

作者: 遛遛食 | 来源:发表于2018-06-20 17:43 被阅读15次

    网络请求:客户端发送请求给服务器,服务器接收到客户端的请求之后,给客户端发送响应的一个过程。

    网络请求

    那本章要讲的就是微信小程序怎么给服务器发送网络请求,并且得到服务器的响应之后怎么进行下一步的操作。

    网络请求配置

    想要发送网络请求,首先需要在微信开发平台,进行域名的添加。
    登录微信公众平台->左侧“设置”->点击“开发设置”。就可以看到下面的“服务器域名”然后进行修改,添加。
    在修改之前会有一个身份认证,手机端扫描二维码确认即可。

    注意:微信对服务器的修改,一个月只有5次机会。
    另外微信对请求域名也有严格的规定,不能出现端口号,不能是IP地址,不能是http,只能是https。

    服务器域名设置路径 服务器域名设置

    当然了,可能前期的时候,我们的服务器没有做这些配置,也可以在微信开发工具中,来进行服务器域名的验证的打开、关闭。
    在项目的右上角“详情”点击,在最下面就是进行服务器域名的验证的打开、关闭。勾选上是进行效验,不勾选就是不进行效验(ps:真机全是进行效验,即使你的项目没有勾选,好气啊!)

    发送网络请求

    配置了解完成后,下面就要来用代码发送网络请求了。
    直接在.js文件中调用wx.request请求,添加参数即可

    wx.request({
      url: 'https://baidu.com',//网络请求的地址
      data: {
          x:'',
          y:'',
      },//设置请求参数
      header:{
          'content-type': 'application/json'
      },//设置请求头参数
      method: 'GET',//设置请求方式,只能使用微信提供的请求方式
      dataType: 'json',//设置返回值类型,默认为json,会对返回的数据进行一次JSON.parse操作转为对象
      responseType: 'text',//设置响应的数据类型
      success: function(data){
        //请求成功回调
      },
      fail: function(data){
        //请求失败回调
      },
      complete: function(data){
        //请求完成回调,不管失败的
      }
    })
    

    持续更新中...

    相关文章

      网友评论

        本文标题:小程序教学八(网络请求)

        本文链接:https://www.haomeiwen.com/subject/czgleftx.html