微信小程序使用wx.request请求服务器json数据并渲染到页面操作示例

Page({
 data: {
 },
 onLoad: function () {
  var that = this
  wx.request({
   url: 'http://www.likeyunba.com/test/test.json',
   headers: {
    'Content-Type': 'application/json'
   },
   success: function (res) {
    //将获取到的json数据，存在名字叫list的这个数组中
    that.setData({
     list: res.data,
     //res代表success函数的事件对，data是固定的，list是数组
    })
   }
  })
 }
})

[
  {
    "id":"1",
    "title":"测试数据1"
  },
  {
    "id":"2",
    "title":"测试数据2"
  },
  {
    "id":"3",
    "title":"测试数据3"
  },
  {
    "id":"4",
    "title":"测试数据4"
  },
  {
    "id":"5",
    "title":"测试数据5"
  },
  {
    "id":"6",
    "title":"测试数据6"
  },
  {
    "id":"7",
    "title":"测试数据7"
  },
  {
    "id":"8",
    "title":"测试数据8"
  },
  {
    "id":"9",
    "title":"测试数据9"
  }
]

<view wx:for="{{list}}" wx:key="list">
 <view>{{item.id}}</view>
 <view>{{item.title}}</view>
</view>