小程序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解析)相关推荐

  1. 微信小程序读取nfc获取Ndef写入的数据

    微信小程序读取nfc获取Ndef写入的数据 文章目录 1.新建一个utils工具类里面新建utils.js文件 2.在add.json里面新建页面 3.代码如下(示例):nfc.wxml 4.代码如下 ...

  2. Python实现json数据清洗、json数据去重、json数据统计

    目录 问题背景 问题分析 问题解决 1.问题背景 1.文件夹中有若干json文件,每个文件中json格式基本一致;(一般是按时间排序的文件名) 2.部分json数据缺失,需要补充这部分缺失是json数 ...

  3. json数据和字符串json数据相互转换

    json数据和字符串json数据相互转换 1.json数据和字符串json数据相互转换 2.本地存储(localStorage.sessionStorage) 3.audio的属性.事件.方法 3.1 ...

  4. 什么是概念模型 有什么作用 论述网状模型的概念 论述数据库系统的三级模式结构 优点 什么叫数据于程序的物理独立性?什么叫数据与程序的逻辑独立性?为什么数据库系统具有数据于程序的独立性数据库管理员

    数据:描述事物的符号数据库(DataBase,简称DB) 数据库顾名思义,是存放数据的仓库,只不过这个仓库是在计算机存储设备上的, 而且数据是按一定格式存放的 数据库管理员(DateBase Admi ...

  5. Java构造和解析Json数据之org.json

    一.介绍 org.json包是另一个用来beans,collections,maps,java arrays 和XML和JSON互相转换的包,主要就是用来解析Json数据,在其官网http://www ...

  6. 论述层次模型的概念 论述网状模型的概念 论述数据库系统的三级模式结构什么叫数据于程序的物理独立性?什么叫数据与程序的逻辑独立性?为什么数据库系统具有数据于程序的独立性

    最近学校上数据库的课程 在网上整理了一些 什么是概念模型 有什么作用: 实际是现实世界到信息世界的第一中间层次 对数据库设计的有力工具 数据库设计人员与用户交流的语言 . 论述层次模型的概念 举例子: ...

  7. JS解析json数据并将json字符串转化为数组的实现方法

    json数据在ajax实现异步交互时起到了很重要的作用,他可以返回请求的数据,然后利用客户端的js进行解析,这一点体现出js的强大,本文介绍JS解析json数据并将json字符串转化为数组的实现方法, ...

  8. 什么叫数据于程序的物理独立性?什么叫数据与程序的逻辑独立性?为什么数据库系统具有数据于程序的独立性?

    数据与程序的的逻辑独立性: 当模式改变时(例如增加新的关系,新的属性,改变属性的数据类型等),由数据库管理员对各个外模式/模式的映像做相应的改变,可以使外模式保持不变.应用程序是依据数据的外模式编写的 ...

  9. 读取parquet_Java读写Parquet格式的数据的方法

    本篇文章主要介绍了java 读写Parquet格式的数据的示例代码,小编觉得挺不错的,现在分享给大家,也给大家做个参考.一起跟随小编过来看看吧 本文介绍了java 读写Parquet格式的数据,分享给 ...

最新文章

  1. java xftp_IDEA使用Xshell利用Xftp部署javaweb项目
  2. windows和linux文件的转换
  3. 边缘检测robert原理_机器视觉边缘模式检测应用
  4. jquery表单数据反序列化为字典
  5. 【git】git基本操作命令
  6. 杭电 1233 最小生成树 kruskal()算法
  7. linux上的那些查找的命令
  8. 新联会是什么组织的作用_“新国标”脚蹬子受到人们热议!它的作用是什么,可有可无吗?...
  9. 非期望产出的sbm模型_线性模型 vs. Logistic模型——离散选择模型之二
  10. ORA-00091错误的解决方式
  11. Ftp客户端概要设计
  12. 自写日历(周日历,农历节日节气)
  13. pathinfo 伪静态 详细解析PATH_INFO 和 ORIG_PATH_INFO技术分享
  14. 深富策略市场情绪明显回暖
  15. 磷脂PEG磷脂,DSPE-PEG-DSPE
  16. cubase外放有声音耳机没声音_为何CUBASE耳机内没有声音
  17. mysql数据库存储引擎
  18. 5分钟理解边缘概率,联合概率,条件概率,随机事件独立,随机事件依赖
  19. Excel 绘制多数据散点图
  20. JavaScript是多线程还是单线程?

热门文章

  1. SVM — 机器学习面试
  2. 系统日志之logger命令
  3. LeetCode刷题(Python)——在排序数组中查找元素的第一个和最后一个位置
  4. 【C++】错误处理和异常处理
  5. js继承实现 狗类继承动物类
  6. 目录浏览器对话框控件 c# 1614822374
  7. 控件ListView相关属性 1217
  8. dj电商-数据表的设计-购物车表与订单表设计
  9. jquery-通过按钮控制模态的显示与隐藏
  10. Silverlight 3 学习概要