网络请求及网络请求的封装

小程序要访问网络，首先需要配置服务器域名，并且以后只能与配置的域名通信。
如果只是测试可以打开“详情”勾选“不检验合法域名....”，如下图

不检验服务器地址.PNG

基本的网络请求例子如下

 //1.发送网络请求
      wx.request({
        url: 'http://xxxxxxxxxx',
        success:function(res){
          console.log(res);
        }
      })

      //2.发送get请求并携带参数
      wx.request({
        url: 'http://xxxxx',
        data:{
          type:'sell',
          page:1
        },
        success:function(res){
            console.log;(res)
        }
      })

      //3.发送post请求并携带参数
      wx.request({
        url: 'http://httpbin.org/post',
        method:'post',
        data:{
          name:'hello',
          age:1
        },
        success:function(res){
            console.log;(res)
        },
        fail:function(res){
          console.log;(res)
        }
      })

网络请求的封装

-封装可以降低耦合度
-需要传success或fail获取结果回调，稍微麻烦点，使用promise改进

export default function request(options){

  return new Promise((resolve,reject)=>{
    wx.request({
      url: options.url,
      method:options.method || 'get',
      data:options.data || {},
      success:function(res){
          resolve(res);
      },
      fail:function(res){
        reject(res);
      }
    })

  })
}

或

export default function request(options){

  return new Promise((resolve,reject)=>{
    wx.request({
      url: options.url,
      method:options.method || 'get',
      data:options.data || {},
      success:resolve,
      fail:reject
    })

  })
}