微信小程序之网络请求

实现网络请求代码如下:

<!--wxml-->
<button bindtap='getData'>请求网络</button>

<!--js-->
  data: {
    jokerlist:[]
  },
  getData:function(e){
    wx.request({
      url: 'https://way.jd.com/showapi/dtgxt?page=1&maxResult=20&appkey=9878b9b510123e52a951fe2074d19be1', //仅为示例，并非真实的接口地址
      header: {
        'content-type': 'application/json' // 默认值
      },
      success:res=> {
        console.log(res.data.result.showapi_res_body.contentlist)
        //设置data中的数据
        this.setData({
          jokerlist: res.data.result.showapi_res_body.contentlist
        })
      }
    })

  }

• 注意
  getData方法中的success采用了箭头函数，解决就近的this指向问题(作用范围)

• 另
  在请求地址的时候，可能会出现域名不合法的问题，只需做如下设置即可