实现知乎客户端的一个重要前提是要知道如何通过知乎新闻的界面向微信小程序显示数据。

那么我们来学习一下如何将界面获得的数据展示给微信小程序。

1.使用的知识点

1 wx.request请求接口资源(微信小程序api中发起请求部分)

2游标实现了转盘图的组件

3wx:for循环语句

4微信小程序基础知识

2.实施原则

首先，让我们看看这个请求函数

Wx.request ({url:' * * * * * '，//在这里填写你的接口路径header : {//写你借口下返回什么类型的数据，这就展现了微信小程序的强大，直接为你解析数据，不再需要找各种方法解析json。Xml等数据'内容类型' :' application/JSON'}，data : {//这里，写参数x: ' '，y:''}，success 3360 function(RES){//这里，请求成功后，做一些function operations console . log(RES . data)} } 3)

分解图

1首先，开始json格式的以前的知乎接口数据

date':'20161114 '，' stories ' :[{ ' images ' :[' http://JB 51 . net.com/76125 c 357 aa 7 b 0 ca 6 c 9 CBC 41 b4a 5326d . jpg ']，' type ' :8975316，' id':8975316，Ga _ prefix' :' 111422 '，' title ' 3333366}，2 index.js。

page({ data : { duration : 2000，indicatorDots: true，autoplay: true，interval: 3000，loading: false，plain: false }，onload : function(){ var that=this//不要错过这句话，它非常重要wx . request({ URL : ' http://news-at.zhihu.com/API/4/news/latest',标头3: { ' content-type ' 333:setdata({ zhi : RES . data . stories，//RES代表成功函数的事件对，数据是固定的，stories是上面json data中的stories)} } } })3 index . wxml。

查看游标指示器-点=' { {指示器点}} '自动播放=' { {自动播放}} '类='波段'间隔=' { {间隔}} '持续时间=' { {持续时间} } '//这里边的属性不重要。请看下面的块wx:它表示=' { {胡志}} '擦拭器-项目类='横幅'图像src=' http: {{item.image}} '数据-id=' { { item . b } } ' bind tap=' Bindviewtap '类='横幅-图像'宽度='100% '高度='100%'/文本类='横幅-标题' { item . title } }/文本/swiper-项目/块/swiper/阅读此代码后，您不用多想，微信小程序为你省略了这些步骤。就直接打电话给阵中的胡志。

以上就是本文的全部内容。希望对大家的学习有帮助，支持我们。