小程序另一种解析json

emmmm这个网站真是会出难题另一种解析json

json数据如下

{"reason":"请求成功","result":{"list":[{"id":"wechat_20180506012503","title":"30岁左右，手头有10几20万，这4台合资B级车是首选！","source":"有车以后","firstImg":"http:\/\/zxpic.gtimg.com\/infonew\/0\/wechat_pics_-62933322.static\/640","mark":"","url":"http:\/\/v.juhe.cn\/weixin\/redirect?wid=wechat_20180506012503"},{"id":"wechat_20180506012489","title":"一曲流连 | 张宇：这场戏的结局，一言难尽","source":"淘漉音乐","firstImg":"http:\/\/zxpic.gtimg.com\/infonew\/0\/wechat_pics_-62933253.jpg\/640","mark":"","url":"http:\/\/v.juhe.cn\/weixin\/redirect?wid=wechat_20180506012489"},{"id":"wechat_20180506012505","title":"惠若琪再受重用！大婚之后就敬业蜜月都不过，新工作太让人敬佩!","source":"懂小姐miss","firstImg":"http:\/\/zxpic.gtimg.com\/infonew\/0\/wechat_pics_-62933361.jpg\/640","mark":"","url":"http:\/\/v.juhe.cn\/weixin\/redirect?wid=wechat_20180506012505"},{"id":"wechat_20180506012499","title":"王家卫的电影，如果拿掉音乐会是什么样子？","source":"淘漉音乐","firstImg":"http:\/\/zxpic.gtimg.com\/infonew\/0\/wechat_pics_-62933253.jpg\/640","mark":"","url":"http:\/\/v.juhe.cn\/weixin\/redirect?wid=wechat_20180506012499"},{"id":"wechat_20180506012538","title":"别被坑了！车漆小划痕发黄其实你自己都能解决","source":"玩车教授","firstImg":"http:\/\/zxpic.gtimg.com\/infonew\/0\/wechat_pics_-62933537.jpg\/640","mark":"","url":"http:\/\/v.juhe.cn\/weixin\/redirect?wid=wechat_20180506012538"},{"id":"wechat_20180506012458","title":"只有加工资才能救中国经济！（深度好文）","source":"郎club","firstImg":"","mark":"","url":"http:\/\/v.juhe.cn\/weixin\/redirect?wid=wechat_20180506012458"},{"id":"wechat_20180506012481","title":"这些中国力量纷纷崛起，厉害了我的国！","source":"汽车之家","firstImg":"http:\/\/zxpic.gtimg.com\/infonew\/0\/wechat_pics_-62933205.static\/640","mark":"","url":"http:\/\/v.juhe.cn\/weixin\/redirect?wid=wechat_20180506012481"},{"id":"wechat_20180506012480","title":"“25岁时，我的月薪是1000个馒头”","source":"MBA智库","firstImg":"http:\/\/zxpic.gtimg.com\/infonew\/0\/wechat_pics_-62933201.jpg\/640","mark":"","url":"http:\/\/v.juhe.cn\/weixin\/redirect?wid=wechat_20180506012480"},{"id":"wechat_20180504035764","title":"海南楼市，一夜冰火：销售称遭灭顶之灾，地产商陷入群体性迷茫！","source":"金融行业网","firstImg":"http:\/\/zxpic.gtimg.com\/infonew\/0\/wechat_pics_-62932267.jpg\/640","mark":"","url":"http:\/\/v.juhe.cn\/weixin\/redirect?wid=wechat_20180504035764"},{"id":"wechat_20180504035367","title":"夏天高温，车自燃都是这四个原因所致！","source":"车早茶","firstImg":"http:\/\/zxpic.gtimg.com\/infonew\/0\/wechat_pics_-62932204.jpg\/640","mark":"","url":"http:\/\/v.juhe.cn\/weixin\/redirect?wid=wechat_20180504035367"},{"id":"wechat_20180502038663","title":"82岁老人电梯内伸“咸猪手”，家属：他患老年痴呆","source":"澎湃新闻","firstImg":"http:\/\/zxpic.gtimg.com\/infonew\/0\/wechat_pics_-62932044.static\/640","mark":"","url":"http:\/\/v.juhe.cn\/weixin\/redirect?wid=wechat_20180502038663"},{"id":"wechat_20180502036740","title":"穿这条连衣裙的时候，别人都以为我90斤","source":"时尚COSMO","firstImg":"http:\/\/zxpic.gtimg.com\/infonew\/0\/wechat_pics_-62931701.jpg\/640","mark":"","url":"http:\/\/v.juhe.cn\/weixin\/redirect?wid=wechat_20180502036740"},{"id":"wechat_20180502036748","title":"尴尬的70后；无奈的70后；辛苦的70后；奔五的70后","source":"音乐图文场景","firstImg":"http:\/\/zxpic.gtimg.com\/infonew\/0\/wechat_pics_-62931774.jpg\/640","mark":"","url":"http:\/\/v.juhe.cn\/weixin\/redirect?wid=wechat_20180502036748"},{"id":"wechat_20180502036746","title":"轿车突然发疯冲向人群，他的一个动作却让所有人泪奔…","source":"广州日报","firstImg":"http:\/\/zxpic.gtimg.com\/infonew\/0\/wechat_pics_-62927222.static\/640","mark":"","url":"http:\/\/v.juhe.cn\/weixin\/redirect?wid=wechat_20180502036746"},{"id":"wechat_20180502036753","title":"照谣镜2.0版（第十九期）","source":"中国搜索","firstImg":"http:\/\/zxpic.gtimg.com\/infonew\/0\/wechat_pics_-62931798.static\/640","mark":"","url":"http:\/\/v.juhe.cn\/weixin\/redirect?wid=wechat_20180502036753"},{"id":"wechat_20180502037002","title":"我炒的青菜脆爽不发黄，因为多加这步，保证营养不流失！","source":"香哈菜谱","firstImg":"http:\/\/zxpic.gtimg.com\/infonew\/0\/wechat_pics_-62931901.jpg\/640","mark":"","url":"http:\/\/v.juhe.cn\/weixin\/redirect?wid=wechat_20180502037002"},{"id":"wechat_20180502036973","title":"男子丢了一张身份证，这么多年他竟成了“坐过牢”的人","source":"南方都市报","firstImg":"http:\/\/zxpic.gtimg.com\/infonew\/0\/wechat_pics_-62909422.static\/640","mark":"","url":"http:\/\/v.juhe.cn\/weixin\/redirect?wid=wechat_20180502036973"},{"id":"wechat_20180502036658","title":"为了玩小白脸，她把家里房子卖了！","source":"奔波儿灞与灞波儿奔","firstImg":"http:\/\/zxpic.gtimg.com\/infonew\/0\/wechat_pics_-62931563.jpg\/640","mark":"","url":"http:\/\/v.juhe.cn\/weixin\/redirect?wid=wechat_20180502036658"},{"id":"wechat_20180502000690","title":"200斤、250斤、300斤......你认为猪体重多少出栏才最合算？","source":"养猪一家人","firstImg":"http:\/\/zxpic.gtimg.com\/infonew\/0\/wechat_pics_-62930825.jpg\/640","mark":"","url":"http:\/\/v.juhe.cn\/weixin\/redirect?wid=wechat_20180502000690"},{"id":"wechat_20180501016442","title":"史诗丨巷战肉搏王者268V4 12.6K碾压伤害","source":"天下军武","firstImg":"http:\/\/zxpic.gtimg.com\/infonew\/0\/wechat_pics_-62930703.jpg\/640","mark":"","url":"http:\/\/v.juhe.cn\/weixin\/redirect?wid=wechat_20180501016442"}],"totalPage":11583,"ps":20,"pno":1},"error_code":0
}

wxml

<view class='title'>标题：{{title[index]}}</view>

<view class='source'>作者：{{source[index]}}</view>

<view class='url'>{{url[index]}}</view>

</view>

</block>

// pages/wcReading/wcReading.js

var app = getApp()

Page({

/**

* 页面的初始数据

data: {

/**

* 生命周期函数--监听页面加载

onLoad: function() {

var that = this;

wx.request({

url: 'http://v.juhe.cn/weixin/query?key=自己去申请',

header: {

'content-type': 'application/json'

success: function(res) {

console.log(res.data)

var list = res.data.result.list;

for (var i = 0; i <=19; i++) {

app.title.push(list[i].title);

app.source.push(list[i].source);

app.firstImg.push(list[i].firstImg);

app.url.push(list[i].url);

}

that.setData({

title: app.title,

source: app.source,

firstImg: app.firstImg,

url: app.url

})

console.log(res.data),

console.log(app),

console.log(app.title)

}

})

}

})

emmm这种现在还要改app.js才能在js中用var app = getApp()

emm，list：[]那个不用加

小程序另一种解析json相关推荐

【猫项目】微信小程序后端返回数据解析json
例如:请求数据返回的是字符串{a:1,b:2,c=3} 返回的是没有转码的json数据格式,而且是字符串类型.这时候需要把之转换为对象,返回的数据有很多链接,直接用JSON.prase(string) ...
ETH：Windows搭建ETH(区块链技术)利用Web端和小程序端两种方式调用ETH上的SC智能合约
ETH:Windows搭建ETH(区块链技术)利用Web端和小程序端两种方式调用ETH上的SC智能合约目录 1.Geth安装.配置文件.与ETH节点交互 1.1.下载并安装好geth客户端 1.2. ...
《微信小程序-进阶篇》package.json版本说明及各类版本符号详解（一）
大家好,这是小程序系列的第十一篇文章,在这一个阶段,我们的目标是由简单入手,逐渐的可以较为深入的了解组件化开发,并且实践积累一些后续项目也就是原神资料站中用得着的组件: 1.<微信小程序-基础 ...
Android微信小程序原理,微信小程序事件流原理解析
这篇文章主要介绍了微信小程序事件流原理解析,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下一.什么是事件? 事件是视图层到逻辑层的通讯方式: 事件可 ...
小程序提供几种结算周期? T+1是什么意思?
小程序提供4种固定的阶梯周期选择:T+1.T+7.T+14.T+28;其中T代表"Today",今天的收入会在+1(第2天)后自动结算至银行卡上.
微信小程序：未找到 app.json 中的定义的 pages “pages/index/index“ 对应的 WXML 文件
微信小程序:未找到 app.json 中的定义的 pages "pages/index/index" 对应的 WXML 文件前情:本人在自学微信小程序时,遇到了调用模板出现错误的 ...
小程序的三种生命周期
小程序有3种生命周期分别是:全局级别,页面级别.组件级别在小程序中 ,通过App()来注册一个小程序 ,通过Page()来注册一个页面,通过Component()来注册一个组件. 1.全局生命周期 ...
小程序getLocation需要在app.json中声明permission字段
小程序getLocation需要在app.json中声明permission字段个别需要获取用户地理位置的在开发者工具调试时会出现 getLocation需要在app.json中声明permissi ...
uniapp 小程序的几种跳转方式
** uniapp 小程序的几种跳转方式 ** navigateTo(保留当前页面,跳转到其他页面,使用navigateTo可以返回上一页) uni.navigateTo({url:'./urlPag ...

小程序另一种解析json

小程序另一种解析json相关推荐

最新文章

热门文章