【移動應(yīng)用開發(fā)技術(shù)】如何通過api接口將json數(shù)據(jù)展現(xiàn)出來

【移動應(yīng)用開發(fā)技術(shù)】如何通過api接口將json數(shù)據(jù)展現(xiàn)出來

wx.request({

url:

'******',

//這里填寫你的接口路徑

header:

{

//這里寫你借口返回的數(shù)據(jù)是什么類型，這里就體現(xiàn)了微信小程序的強大，直接給你解析數(shù)據(jù)，再也不用去尋找各種方法去解析json，xml等數(shù)據(jù)了

'Content-Type':

'application/json'

},

data:

{//這里寫你要請求的參數(shù)

x:

''

,

y:

''

},

success:

function(res)

{

//這里就是請求成功后，進行一些函數(shù)操作

console.log(res.data)

}

})/upload/information/20201208/260/9188.jpg

"date":"20161114",

"stories":[

{

"images":[

"/76125c357aa7b0ca6c9cbc41b4a5326d.jpg"

],

"type":0,

"id":8975316,

"ga_prefix":"111422",

"title":"小事

·

我和你們一樣"

},

{

"images":[

"/7c908a5940384123fd88287dbc6a2c98.jpg"

],

"type":0,

"id":8977438,

"ga_prefix":"111421",

"title":"成長嘛，誰說就意味著一定要長大了？"

},Page({

data:

{

duration:

2000,

indicatorDots:

true,

autoplay:

true,

interval:

3000,

loading:

false,

plain:

false

},

onLoad:

function

()

{

var

that

=

this//不要漏了這句，很重要

wx.request({

url:

'/api/4/news/latest',

headers:

{

'Content-Type':

'application/json'

},

success:

function

(res)

{

//將獲取到的json數(shù)據(jù)，存在名字叫zhihu的這個數(shù)組中

that.setData({

zhihu:

res.data.stories,

//res代表success函數(shù)的事件對，data是固定的，stories是是上面json數(shù)據(jù)中stories

})

}

})

}

})<view

>

<swiper

indicator-dots="{{indicatorDots}}"

autoplay="{{autoplay}}"

class="banners"

interval="{{interval}}"

duration="{{duration}}">//這里邊的屬性不重要，看下邊

<block

wx:for="{{zhihu}}">

<swiper-item

class="banner"

>

<image

src="{{item.image}}"

data-id="{{item.b}}"

bindtap="bindViewTap"

class="banner-image"

width="100%"

height="100%"/>

<text

class="b