微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

动态放入后台给的键值对显示出来,然后动态返回数据难点:数据格式问题

后台的值

将'应发'下的键数据${key}放入html中,记得使用转义字符  ``  ,这个符号实在键盘左上角的第二列第一个,来表示里面写的是html格式的代码

然后 ${this.data.data['应发'][i][key]}是遍历每行的key对应的值,

然后再把html给放入你的html文件中,用prepend()方法

( i = 0; i < .data.data['应发'].length; i++ ( key .data.data['应发' money_html = `
="#"> ${key} :'#yf_money' ( i = 0; i < .data.data['应扣'].length; i++ (var key .data.data['应扣' money_html = `
="#"> ${key} :'#yk_money'

    大概返回的数据就是对象下放两个列表(前端叫做对象){字典下几条列表(前端叫做数组)},然后再放两个字符串。

下面是返回的大概格式。

'data''yf':[{'一':1},{'二':2},{'三':3'yk':[{'四':4},{'二':5},{'三':6'yy':'yy''mm':'mm'

我的想法是这样的,由于我是前端小白啊,能力范围下我只能获取到字典下的列表中的key列表和value列表。

你也可以理解为获取对象中的数组中的key数组和value数组

获取input的name为yf的所有数据,获取value数组,用到each.(function(){   });的方法

$("input[name='yf']").each("input[name='yk']").each(

然后获取label下的key数组,这里遇到另一个问题,就是我获取的label值是整个HTML的label值,但我想要获取的key数组是从第4个开始算起的,而且长度每次也是有局限的,所以这里就利用到了上面的yf_value.length,来获取我需要的数据。

$('label').each(= b.slice(4,yf_value.length+4= b.slice(yf_value.length+4,yf_value.length+4+yk_value.length);

接下来,就是比较难受一点的将两个数组拼在一个对象里了,这里呢,一定要注意if条件里的

其实好像和下面的写法也差不多,不过下面的会舒服一点

yf[i]=dict;

yk[i]=dict;

( i=0;i dict=( j=0;j(i==== ( i=0;i dict1=( j=0;j(i====

1.获取多个input的值(用each()方法去遍历name),获取多个label的值(直接用each),有人可能会问,用id啊,但是重点是他这个input是动态生成的啊!!,用id只能获取一个值,这里你需要获取多个Input,所以id已经gg了

2.还有就是label的获取,取第四个开始的数据,用到slice切片,

3.怎样获取后端动态返回的数据放入html页面显示,用到${}的方法,然后再用prepend方法加入到对应html的id下

4.然后就是将key列表和value列表组装成字典,用到两个for循环,然后判断i==j,再赋值即可。(将两个列表放入一个字典)。

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐