如何将数组设置为使用Json的Ajax构建HTML表格？

-1

{ 
    "produk": [ 
    { 
     "id": "6", 
     "stock": { 
     "M": "2", 
     "S": "3", 
     "L": "9" 
     }, 
    }, 
    ... 
    ] 
}

我想在一个表格中显示的JSON数据如下：

但我有“股”栏目的一个问题。我在分类股票数据时遇到困难。请帮助来自JSON的数据成为我期望的适当表格。

来源

2017-05-05 mylastof

我觉得这是一无所知'ajax' .. – Pengyy

我想使表使用Ajax和数据从像我的例子JSON。 – mylastof

好的，那么股票列问题的细节是什么？ – Pengyy

你可以通过预先建立一个表格并让你的JSON变量可用来生成这个。

produk = { 
 
    "produk": [ 
 
    { 
 
     "id": "6", 
 
     "stock": { 
 
     "M": "2", 
 
     "S": "3", 
 
     "L": "9" 
 
     } 
 
    } 
 
    ] 
 
}["produk"][0]; 
 

 
$(".id").html(produk.id); 
 
$(".M").html(produk.stock.M); 
 
$(".S").html(produk.stock.S); 
 
$(".L").html(produk.stock.L);

td,tr,table { 
 
    border:1px solid black; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<table class="jsTable"> 
 
    <tr><td rowspan="2">ID</td><td colspan="3" data-id="id">Stock</td></tr> 
 
    <tr><td>S</td><td>M</td><td>L</td></tr> 
 
    <tr><td class="id">id</td><td class="S">S</td><td class="M">M</td><td class="L">L</td></tr> 
 
</table>

来源

2017-05-05 03:39:06 Neil

非常感谢，哟帮助我 – mylastof

如何将数组设置为使用Json的Ajax构建HTML表格？

回答

相关问题