小程序 JSON接收数据后的出里 二维数组

xiaoxiao2021-02-28  7

初学小程序,遇到问题作为记录,二维数组数据处理的问题,研究了两天,看了两天资料,明白些道理,特记录:

数据的往返过程就不多说了,今天先说接收一个二维数组过来以后,数据处理,有不合适的地方多多指出

数据源:有三种不同形式的数据

function getIndex() { $imgUrls=array(); $imgUrls[0] ='/images/gq1.jpg'; $imgUrls[1] ='/images/gq2.jpg'; $imgUrls[2] ='/images/gq3.jpg'; $imgUrls[3] ='/images/gq4.jpg'; $routers = array(); $routers[0]['name'] ='YAMAHA'; $routers[0]['url'] ='/pages/case/cas1e'; $routers[0]['icon'] ='/images/logo1.jpg'; $routers[0]['code'] ='1'; $routers[1]['name'] ='Java'; $routers[1]['url'] ='/pages/case/case'; $routers[1]['icon'] ='/images/logo2.jpg'; $routers[1]['code'] ='2'; $routers[2]['name'] ='LIKEYS'; $routers[2]['url'] ='/pages/case/case'; $routers[2]['icon'] ='/images/logo3.jpg'; $routers[2]['code'] ='3'; $routers[3]['name'] ='PHP'; $routers[3]['url'] ='/pages/case/case'; $routers[3]['icon'] ='/images/logo4.jpg'; $routers[3]['code'] ='4'; $routers[4]['name'] ='Python'; $routers[4]['url'] ='/pages/case/case'; $routers[4]['icon'] ='/images/logo5.jpg'; $routers[4]['code'] ='5'; $routers[5]['name'] ='是的'; $routers[5]['url'] ='/pages/case/case'; $routers[5]['icon'] ='/images/logo6.jpg'; $routers[5]['code'] ='6'; $routers[6]['name'] ='星海钢琴'; $routers[6]['url'] ='/pages/case/case'; $routers[6]['icon'] ='/images/logo7.jpg'; $routers[6]['code'] ='7'; $routers[7]['name'] ='PIANO'; $routers[7]['url'] ='/pages/case/case'; $routers[7]['icon'] ='/images/logo8.jpg'; $routers[7]['code'] ='8'; $routers[8]['name'] ='斯图拉特'; $routers[8]['url'] ='/pages/case/case'; $routers[8]['icon'] ='/images/logo9.jpg'; $routers[8]['code'] ='9'; $JieShao = array('name'=>'云鹏介绍','connect'=>'钢琴调律俗称(调音)简单地说,就是将琴弦拧紧或者放松,使其达到一定的音高(国际标准音)。即以小字一组a音,振动频率以440Hz为标准,按十二平均律的生律 。简单地说,就是将琴弦拧紧或者放松,使其达到一定的音高(国际标准音)。即以小字一组a音,振动频率以440Hz为标准,按十二平均律的生律 。'); $arrayList = array('imgUrls'=>$imgUrls,'routers'=>$routers,'JieShao'=>$JieShao); echo json_encode(icon_to_utf8($arrayList),JSON_UNESCAPED_UNICODE|JSON_PRETTY_PRINT|true);

在小程序接收到程序后是一个二维数组:

开始 处理数据:

一、【JieShao】

js

作为接收数据:resultList

数据组中包含三组数据[imgUrls,routers,JieShao]

WXML:

1、解析JieShao

此处加了一个 判断  是否是JieShao。可以控制【JieShao】的内容放到合适的输出位置

<view wx:for="{{resultList}}" wx:key="id" wx:for-item="listSum" wx:for-index="idx"> <view wx:if="{{idx=='JieShao'}}"> <view> {{idx}}:{{listSum.name}} </view> <text> {{listSum.name}} \n {{listSum.connect}} --------- </text> </view>

如果

{{listSum[0]}} \n {{listSum.connect}}

name的取值就会失败,输出一个null

2、数组imgUrls

于数据源初始化时方式一直

3、数组 routers

转载请注明原文地址: https://www.6miu.com/read-1750342.html

最新回复(0)