小程序读取几种不同格式json数据(小程序json解析)
小程序json解析第一种格式
that.setData({goldData: res.data.result[0],
//result里多了个{}所以要标个[0]})
wxml
<text class="title">黄金数据</text>
<block wx:for="{{goldData}}" wx:key="this">
<view class="gold">
<view class="variety">|品种:{{item.variety}}</view>
<view class="latestpri">|最新价:{{item.latestpri}}</view>
<view class="openpri">|开盘价:{{item.openpri}}</view>
<view class="maxpri">|最高价:{{item.maxpri}}</view>
<view class="minpri">|最低价:{{item.minpri}}</view>
<view class="limit">|涨跌幅:{{item.limit}}</view>
<view class="yespri">|昨收价:{{item.yespri}}</view>
<view class="totalvol">|总成交量:{{item.totalvol}}</view>
<view class="time">|更新时间:{{item.time}}</view>
<view class='dLine'>--------------------------------</view>
</view>
</block>
js
Page({onLoad: function () {var that = this;wx.request({url: 'http://www.intmote.com/myproject/test/new_file.json',header: {'content-type': 'application/json'},success: function (res) {console.log(res.data)that.setData({goldData: res.data.result[0],})}})}
})
小程序json解析第二种格式
_this.setData({list_data: res.data.imgListData,//res代表success函数的事件对,data是固定的,imgListData是上面json数据中imgListData})
wxml
<view class='list-head'>列表测试</view>
<view class='list-box'><view class='list-li mflex' wx:for="{{list_data}}" wx:key="index" ><view class='list-img'><image src='{{item.imgUrl}}'></image></view> <view class='list-tit'><text>{{item.id}}、{{item.title}}</text></view> <view class='list-con'><text>单价{{item.unitprice}}元/m²</text></view> <view class='list-adr'><text>{{item.city}}</text></view> <view class='list-tag'><text class='tag_{{index}}' wx:for="{{item.tag}}" wx:for-item="cell" wx:key="index" >{{cell.tags}}</text></view> </view>
</view>
js
Page({/*** 页面的初始数据*/data: {},/*** 生命周期函数--监听页面加载*/onLoad: function (options) {var _this = thiswx.request({url: 'http://www.intmote.com/myproject/test/new_file2.json',//json数据地址headers: {'Content-Type': 'application/json'},success: function (res) {//console.log(res.data.imgListData)//console.log(res.data.imgListData[0].tag)//将获取到的json数据,存在名字叫list_data的这个数组中_this.setData({list_data: res.data.imgListData,//res代表success函数的事件对,data是固定的,imgListData是上面json数据中imgListData})}})}
})
小程序json解析第三种格式
that.setData({list: res.data,//res代表success函数的事件对,data是固定的,list是数组})
wxml
<view wx:for="{{list}}" wx:key="list"><view class='item-container'>{{item.id}}</view>
</view>
wxss\
.item-container{border: 5px solid #ffffff;height: 110rpx;line-height: 110rpx;margin-bottom:4rpx;text-align: center; background: #f6c8fb;color: #ffffff;
}
js
Page({data: {},onLoad: function () {var that = thiswx.request({url: 'http://www.intmote.com/myproject/test/new_file3.json',headers: {'Content-Type': 'application/json'},success: function (res) {//将获取到的json数据,存在名字叫list的这个数组中that.setData({list: res.data,//res代表success函数的事件对,data是固定的,list是数组})}})}
})
小程序读取几种不同格式json数据(小程序json解析)相关推荐
- 微信小程序读取nfc获取Ndef写入的数据
微信小程序读取nfc获取Ndef写入的数据 文章目录 1.新建一个utils工具类里面新建utils.js文件 2.在add.json里面新建页面 3.代码如下(示例):nfc.wxml 4.代码如下 ...
- Python实现json数据清洗、json数据去重、json数据统计
目录 问题背景 问题分析 问题解决 1.问题背景 1.文件夹中有若干json文件,每个文件中json格式基本一致;(一般是按时间排序的文件名) 2.部分json数据缺失,需要补充这部分缺失是json数 ...
- json数据和字符串json数据相互转换
json数据和字符串json数据相互转换 1.json数据和字符串json数据相互转换 2.本地存储(localStorage.sessionStorage) 3.audio的属性.事件.方法 3.1 ...
- 什么是概念模型 有什么作用 论述网状模型的概念 论述数据库系统的三级模式结构 优点 什么叫数据于程序的物理独立性?什么叫数据与程序的逻辑独立性?为什么数据库系统具有数据于程序的独立性数据库管理员
数据:描述事物的符号数据库(DataBase,简称DB) 数据库顾名思义,是存放数据的仓库,只不过这个仓库是在计算机存储设备上的, 而且数据是按一定格式存放的 数据库管理员(DateBase Admi ...
- Java构造和解析Json数据之org.json
一.介绍 org.json包是另一个用来beans,collections,maps,java arrays 和XML和JSON互相转换的包,主要就是用来解析Json数据,在其官网http://www ...
- 论述层次模型的概念 论述网状模型的概念 论述数据库系统的三级模式结构什么叫数据于程序的物理独立性?什么叫数据与程序的逻辑独立性?为什么数据库系统具有数据于程序的独立性
最近学校上数据库的课程 在网上整理了一些 什么是概念模型 有什么作用: 实际是现实世界到信息世界的第一中间层次 对数据库设计的有力工具 数据库设计人员与用户交流的语言 . 论述层次模型的概念 举例子: ...
- JS解析json数据并将json字符串转化为数组的实现方法
json数据在ajax实现异步交互时起到了很重要的作用,他可以返回请求的数据,然后利用客户端的js进行解析,这一点体现出js的强大,本文介绍JS解析json数据并将json字符串转化为数组的实现方法, ...
- 什么叫数据于程序的物理独立性?什么叫数据与程序的逻辑独立性?为什么数据库系统具有数据于程序的独立性?
数据与程序的的逻辑独立性: 当模式改变时(例如增加新的关系,新的属性,改变属性的数据类型等),由数据库管理员对各个外模式/模式的映像做相应的改变,可以使外模式保持不变.应用程序是依据数据的外模式编写的 ...
- 读取parquet_Java读写Parquet格式的数据的方法
本篇文章主要介绍了java 读写Parquet格式的数据的示例代码,小编觉得挺不错的,现在分享给大家,也给大家做个参考.一起跟随小编过来看看吧 本文介绍了java 读写Parquet格式的数据,分享给 ...
最新文章
- java xftp_IDEA使用Xshell利用Xftp部署javaweb项目
- windows和linux文件的转换
- 边缘检测robert原理_机器视觉边缘模式检测应用
- jquery表单数据反序列化为字典
- 【git】git基本操作命令
- 杭电 1233 最小生成树 kruskal()算法
- linux上的那些查找的命令
- 新联会是什么组织的作用_“新国标”脚蹬子受到人们热议!它的作用是什么,可有可无吗?...
- 非期望产出的sbm模型_线性模型 vs. Logistic模型——离散选择模型之二
- ORA-00091错误的解决方式
- Ftp客户端概要设计
- 自写日历(周日历,农历节日节气)
- pathinfo 伪静态 详细解析PATH_INFO 和 ORIG_PATH_INFO技术分享
- 深富策略市场情绪明显回暖
- 磷脂PEG磷脂,DSPE-PEG-DSPE
- cubase外放有声音耳机没声音_为何CUBASE耳机内没有声音
- mysql数据库存储引擎
- 5分钟理解边缘概率,联合概率,条件概率,随机事件独立,随机事件依赖
- Excel 绘制多数据散点图
- JavaScript是多线程还是单线程?