小程序模板網(wǎng)

微信小程序通過(guò)api接口將json數(shù)據(jù)展現(xiàn)到小程序上

發(fā)布時(shí)間:2018-05-07 14:49 所屬欄目:小程序開發(fā)教程

實(shí)現(xiàn)知乎客戶端的一個(gè)重要知識(shí)前提就是,要知道怎么通過(guò)知乎新聞的接口,來(lái)把數(shù)據(jù)展示到微信小程序端上。 
那么我們這一就先學(xué)習(xí)一下,如何將接口獲取到的數(shù)據(jù)展示到微信小程序上。

 

1.用到的知識(shí)點(diǎn)

<1> wx.request 請(qǐng)求接口資源(微信小程序api中的發(fā)起請(qǐng)求部分) 
<2>swiper 實(shí)現(xiàn)輪播圖的組件 
<3>wx:for 循環(huán)語(yǔ)句 
<4>微信小程序的基礎(chǔ)知識(shí)

 

2.實(shí)現(xiàn)原理

首先,先看一下這個(gè)請(qǐng)求函數(shù)

 

  1. var
  2. wx.request({
  3. url: '******', //這里填寫你的接口路徑
  4. header: { //這里寫你借口返回的數(shù)據(jù)是什么類型,這里就體現(xiàn)了微信小程序的強(qiáng)大,直接給你解析數(shù)據(jù),再也不用去尋找各種方法去解析json,xml等數(shù)據(jù)了
  5. 'Content-Type': 'application/json'
  6. },
  7. data: {//這里寫你要請(qǐng)求的參數(shù)
  8. x: '' ,
  9. y: ''
  10. },
  11.  
  12. success: function(res) {
  13. //這里就是請(qǐng)求成功后,進(jìn)行一些函數(shù)操作
  14. console.log(res.data)
  15. }
  16. })


易優(yōu)小程序(企業(yè)版)+靈活api+前后代碼開源 碼云倉(cāng)庫(kù):starfork
本文地址:http://22321a.com/wxmini/doc/course/24279.html 復(fù)制鏈接 如需定制請(qǐng)聯(lián)系易優(yōu)客服咨詢:800182392 點(diǎn)擊咨詢
QQ在線咨詢