微信小程序——网络请求

在程序开发中，要想与后台进行数据交互，网络请求是必不可少的，今天记录的是微信小程序开发中的网络请求。

微信小程序中要想使用网络请求，首先要配置服务器域名：小程序后台=> 开发=> 开发设置 =>  服务器域名中配置；

域名配置时需要注意：域名只支持https和wss（connectSocket）协议；域名不能使用ip地址或localhost；域名必须经过ICP备案；服务器域名一个月内可申请5次修改。

下面通过 wx.request(object)来进行网络请求，我们先看下object 中有的参数： get请求：

getRequest: function (){
    // 显示顶部刷新图标
    wx.showNavigationBarLoading();
    wx.request({
      url: 'https://www.xxxx',//请求地址（必须基于https协议）
      header:{
        "Content-Type": "applciation/json"
      },
      // 设置请求类型，如果不设置，默认发起get请求
      method:'GET',
      // 发送到服务器的数据
      data:{
        token:"",
        status:2
      },
      // 请求成功的回调函数
      success:function(res){
        console.log('成功=' + JSON.stringify(res.data));//转换成json格式
        //数据处理
        ……
        // 隐藏导航栏加载框
        wx.hideNavigationBarLoading();
        // 停止下拉动作
        wx.stopPullDownRefresh();
      },
      // 请求失败的回调函数
      fail:function(err){
        console.log('失败='+err.errMsg);
        // 隐藏导航栏加载框
        wx.hideNavigationBarLoading();
        // 停止下拉动作
        wx.stopPullDownRefresh();
      }
    })
  },

post请求：

postRequest: function (){
    // 显示顶部刷新图标
    wx.showNavigationBarLoading();
    wx.request({
      url: 'https://www.xxxx',//请求地址（必须基于https协议）
      header:{
        "Content-Type": "applciation/json"
      },
      // 设置请求类型，如果不设置，默认发起get请求
      method:'POST',
      // 发送到服务器的数据
      data:{
        token:"",
        status:2
      },
      // 请求成功的回调函数
      success:function(res){
        console.log('成功=' + JSON.stringify(res.data));//转换成json格式
        //数据处理
        ……

        // 隐藏导航栏加载框
        wx.hideNavigationBarLoading();
        // 停止下拉动作
        wx.stopPullDownRefresh();
      },
      // 请求失败的回调函数
      fail:function(err){
        console.log('失败='+err.errMsg);
        // 隐藏导航栏加载框
        wx.hideNavigationBarLoading();
        // 停止下拉动作
        wx.stopPullDownRefresh();
      }
    })
  },

header使用时候需要注意的：

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