小程序调用接口实例

附：这个例子调用的接口是自己写的一个接口，因为仅用于单纯的测试，所以并没有备案，但如果是没有备案的接口，需要在小程序里勾选不检验合法域名，即下图所示（这个选项在项目设置里面）

做好这步之后，再在test.js里面写onLoad方法，如下所示

onLoad: function (options) {
    var that = this;
    wx.request({
      url: '接口',
      method: 'GET',//方法分GET和POST，根据需要写
      header: {//定死的格式，不用改，照敲就好
        'Content-Type': 'application/json'
      },
      success: function (res) {//这里写调用接口成功之后所运行的函数
        console.log(res.data);//调出来的数据在控制台显示，方便查看
        that.setData({
          resdata: res.data,//res.data就是你调出来的所有数据（当然也可以在这里面自定义想要调用的数据），然后把值赋给resdata，之后对resdata进行处理即可，具体见wxml
        })
      },
      fail: function (res) {//这里写调用接口失败之后所运行的函数
        console.log('.........fail..........');
      }
    })
  },

在wxml里这样调用

<view>
<block wx:for="{{resdata}}" wx:for-item="item">
<view>{{item.name}}</view>//name是你调出来的数据里面存在的元素
</block>
</view>

需要注意的是：这里调用的接口数据里面只是单纯的文本数据，如果需要调用更复杂的接口，需要参考该接口的官方文档。