小程序网络接口

实现方法

<js>

 data: {
   userList: [],
 },

 enter: function () {
   var that = this;
   wx.request({
     url: "你的请求地址",
     success: function (res) {
       that.setData({ userList: res.data });
       console.log(res.data); // 服务器回包信息
     },
   });
 },

在上述代码中，由于success的回调函数中,this的指向发生了改变，因此需要通过var that = this将this保存为that后使用。除了这种方式，还可以利用ES6的箭头函数语法来更好地解决这个问题，无需再用that保存this，具体代码如下

  enter: function () {
    wx.request({
      url: "你的请求地址",
      success : res => {
        this.setData({ userList: res.data });
        console.log(res.data); // 服务器回包信息
      },
    });
  },

<wxml>

<view class="container">
    <view>
        <button bindtap="enter">github</button>
    </view>
    <view>Name:{{userList.login}}</view>
</view>

注意点

在微信开发者工具中把不校验合法域名勾上

image.png