如何將數組設置爲使用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表格？

回答

相關問題