微信小程序之获取接口数据展示 |
您所在的位置：网站首页 › 小程序对接口的要求 › 微信小程序之获取接口数据展示 |
微信小程序之获取接口数据展示
|
上篇说到获取编辑框文本，没看过去看看。 本片介绍简单的接口数据获取，并且展示，采取模拟数据，拉取数据方式方法。文章最后附上DEMO 本篇暂未考虑美化问题，只看功能。如图：
一、简单介绍 1> wx.request 请求接口资源（微信小程序api中的发起请求部分） 2>swiper 实现轮播图的组件 ， 一般使用到Banne上，这里先不介绍 3>wx:for 循环语句，将数据循环获取 二、详细说明 1、js请求函数代码（无参请求） /** * 生命周期函数--监听页面加载 */ onLoad: function (options) { var that = this; //this在函数内部指向变化,所以需要将全局this指向保存到that中 wx.request({ url: 'URL', //需更换需请求数据的接口 method: 'post',//请求方式 OPTIONS, GET, HEAD, POST, PUT, DELETE, TRACE, CONNECT headers: { 'Content-Type': 'application/json' }, success: function (res) { that.setData({//请求成功后在此刷新，res代表success函数的事件对，data是固定的，stories是是上面json数据中stories //这里模拟数据 }) }, fail: function (err) { },//请求失败 }); 2、.wxml页面代码 我是第三个页面 模拟请求数据：{{requst}} |
【本文地址】
今日新闻 |
推荐新闻 |