欢迎光临,了解微信小程序开发,就上易用通!

当前位置 : 易用通 > 小程序模板
从服务器获取数据,并且数据绑定组件从服务器获取数据,并且数据绑定组件
立即下载

从服务器获取数据,并且数据绑定组件

模板分类 : 小程序模板 模板编号 : Y700 源码文件 : 完全开源 下载权限 : VIP会员
模板大小 :  模板指数 :  更新时间 : 2018-03-01 15:12 模板等级 : ☆☆☆☆☆

模板截图:

点评:一个学习用demo,新闻客户端,从聚合数据api获取数据:从服务器获取数据,并且数据绑定组件
从服务器获取数据,并且数据绑定组件(图1)
  1. index.js
  2.  
  3. var app = getApp();
  4.  
  5. Page({ data: { userInfo:{}, topNews:[], techNews:[] },
  6.  
  7. //事件处理函数
  8. bindViewTap: function(event) {
  9.   wx.navigateTo({
  10.      url: "../detail/detail?title="+event.currentTarget.dataset.title+"&url="+event.currentTarget.dataset.url
  11.   })
  12. },
  13.  
  14. onLoad: function () {
  15.   //网络请求
  16.   wx.request({
  17.     url: 'https://v.juhe.cn/toutiao/index',
  18.     data: {
  19.       type:'',
  20.       key:'4f7345f035d2c0cbaac6590dff0f2797'
  21.     },
  22.     method: 'GET',
  23.     header: {
  24.       'Content-Type': 'application/json'
  25.     }, 
  26.     success: function(res){
  27.      if (res.data.error_code == 0) {
  28.         that.setData({
  29.         topNews:res.data.result.data.slice(0,5),
  30.         techNews:res.data.result.data
  31.         })
  32.       } else {
  33.         console.log('获取失败');
  34.       }
  35.     }
  36.   })
  37.   var that = this
  38.   //调用应用实例的方法获取全局数据
  39.   app.getUserInfo(function(userInfo){
  40.     //更新数据
  41.     that.setData({
  42.       userInfo:userInfo
  43.     })
  44.   })
  45. }
  46. })
复制代码

加入收藏
立即下载
分享到微信朋友圈
X

免责声明:

1. 本站所有素材(未指定商用),仅限学习交流,请勿用于商业用途。
2. 本站所有小程序模板Demo和图片均来自用户分享上传和网络收集,模板和图片版权归原作者及原出处所有。
3. 未经合法授权,会员不得以任何形式发布、传播、复制、转售该素材。