微信小程序：远端请求+rails提供api
2017-06-27 本文已影响0人
半岛爱
首先看一下rails提供的API数据
一个典型的数组结构，所以接下来要做的，就是用小程序get这个数组，然后在小程序显示出来，小程序的几个目录其实还挺简单的，不懂的可以去查一下官方文档，现在要做的就是在小程序的首页展示这个数组。
//index.js
//获取应用实例
var app = getApp()
Page({
data: {
motto: 'Hello World',
userInfo: {},
object: ''
},
//事件处理函数
bindViewTap: function() {
wx.navigateTo({
url: '../logs/logs'
})
},
onLoad: function () {
console.log('onLoad')
var that = this
//调用应用实例的方法获取全局数据
app.getUserInfo(function(userInfo){
//更新数据
that.setData({
userInfo:userInfo
})
})
wx.request({
url: 'http://localhost:3000/api/v1/groups', //仅为示例，并非真实的接口地址
success: (res) => {
this.setData({
object: res.data.data
})
console.log(res.data)
}
})
}
})
主要就是下面这个wx.request，url是调用接口地址，success: ()=>成功时候，调取数据，然后将这些数据绑定在index.wxml上
看结果
调除了远端服务器的数据，还很丑，可以调整wxss，也就是css的简化版。
