Javascript 如何将内部json列表绑定到html行jqMobile表
我只是想知道如何将内部json列表“pslList”绑定到html行Javascript 如何将内部json列表绑定到html行jqMobile表,javascript,jquery,json,jquery-mobile,html-table,Javascript,Jquery,Json,Jquery Mobile,Html Table,我只是想知道如何将内部json列表“pslList”绑定到html行 <table data-role="table" id="productOrders" data-mode="reflow"> <thead> <tr> <th>Code</th>
<table data-role="table" id="productOrders" data-mode="reflow">
<thead>
<tr>
<th>Code</th>
<th>Name</th>
<th>Price</th>
<th>Qty.</th>
<th>Ext</th>
</tr>
</thead>
<tbody>
<tr>
<th>1</th>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
</tbody>
</table>
json
[
{
"amount": 12,
"podate": "2013-11-28T00:00:00",
"ponumber": 7,
"pslList": [
{
"ext": 210,
"ponumber": 7,
"prodcd": "ffrff",
"price": 70,
"prodname": "games",
"qty": 3
},
{
"ext": 70,
"ponumber": 7,
"prodcd": "rrfrr",
"price": 14,
"prodname": "DVDs",
"qty": 5
}
],
"vendorno": 1
}
]
代码
名称
价格
数量。
提取
1.
json
[
{
“金额”:12,
“podate”:“2013-11-28:00:00”,
“ponumber”:7,
“pslList”:[
{
“分机”:210,
“ponumber”:7,
“prodcd”:“ffrff”,
“价格”:70,
“prodname”:“游戏”,
“数量”:3
},
{
“分机”:70,
“ponumber”:7,
“prodcd”:“rrfrr”,
“价格”:14,
“prodname”:“DVD”,
“数量”:5
}
],
“文多诺”:1
}
]
检索json后,您可以迭代列表,创建行,然后将它们添加到表中:
var $table = $('#productOrders tbody');
var plist = json[0].pslList;
for (i in plist) {
var row = $('<tr><td>' + plist[i].prodcd + '</td><td>' + plist[i].prodname + '</td><td>' + plist[i].price + '</td><td>' + plist[i].qty + '</td><td>' + plist[i].ext + '</td></tr>');
$table.append(row);
}
var$table=$('productOrders-tbody');
var plist=json[0].pslList;
对于(我在plist中){
变量行=$(''+plist[i].prodcd+''+plist[i].prodname+''+plist[i].price+''+plist[i].qty+''+plist[i].ext+'';
$table.append(行);
}