小程序json格式解析

最新推荐文章于 2024-09-03 11:11:03 发布

前端王小婷

最新推荐文章于 2024-09-03 11:11:03 发布

阅读量1.1k

点赞数

本文链接：https://blog.csdn.net/weixin_44763569/article/details/89091580

版权

这篇博客详细介绍了三种小程序中JSON格式的解析方法，包括不同JSON文件的解析过程，并提供了相应的wxml、js和wxss代码示例，展示了每种格式的效果。

摘要由CSDN通过智能技术生成

小程序json解析第一种格式

that.setData({
          goldData: res.data.result[0],
//result里多了个｛｝所以要标个[0]
        })

1:解析这个json：http://www.intmote.com/myproject/test/new_file.json

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">|涨跌幅:{