js获取json数据,自动添加至表格,如何防止重复

js获取json数据,自动添加至表格,如何防止重复,第1张

var

subData

=

resData.wffIcoll

var

tBody

=

$("#viewTable

tbody")

在后面加上

$("#viewTable“).children("tr").remove()

将table内所有tr移除

<table id="myTable">

<thead>

<tr>

<th>代号</th>

<th>城市</th>

<th>附加数字</th>

</tr>

</thead>

<tbody></tbody>

</table>

<script>

var data = [{name:'6101',value:'北京市',age:'11'}, {name:'6102',value:'天津市',age:'11'}, {name:'6103',value:'上海市',age:'22'}]

function getRow(row) {

var tr = $('<tr></tr>')

for(var i in row) {

tr.append('<td>' + row[i] + '</td>')

}

return tr

}

var tbody = $('<tbody></tbody>')

for(var i = 0i <data.lenghti ++ )

tbody.append(getRow(data[i])

$('#myTable tbody').replaceWith(tbody)

</script>

这个是比较标准,也更易读的代码,希望能帮到你。

json一般是通过js来解析的,然后在页面上显示,所以用Struts-tags标签来遍历肯定是不行的,因为标签所取的值来自于ValeStack,然后输入Ognl表达式得到,这里的Json不符合这个条件。json格式的数据我们是可以通过js代码拆分的,然而我们的table也是可以通过js代码动态生成的,所以你动态生成table的同时把json的数据追加进table里面就可以了。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11889182.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-19
下一篇 2023-05-19

发表评论

登录后才能评论

评论列表(0条)

保存