Json의 Ajax를 사용하여 HTML 테이블을 작성하기 위해 배열을 열로 설정하는 방법은 무엇입니까?
토토 프라 요고 1916
다음과 같은 JSON 데이터가 있습니다.
{
"produk": [
{
"id": "6",
"stock": {
"M": "2",
"S": "3",
"L": "9"
},
},
...
]
}
다음과 같이 테이블에 JSON 데이터를 표시하고 싶습니다.
하지만 "재고"열에 문제가 있습니다. 주식 데이터를 분류하는 데 어려움이 있습니다. JSON의 데이터가 내가 기대하는 적절한 테이블이되도록 도와주세요.
Neil
테이블을 미리 빌드하고 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>이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
에서 수정
몇 마디 만하겠습니다