美文网首页
微信小程序:远端请求+rails提供api

微信小程序:远端请求+rails提供api

作者: 半岛爱 | 来源:发表于2017-06-27 10:31 被阅读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的简化版。

    相关文章

      网友评论

          本文标题:微信小程序:远端请求+rails提供api

          本文链接:https://www.haomeiwen.com/subject/vzwscxtx.html