用jQuery解析JSON並寫入HTML

Question

我需要在「網格」樣式中創建一個列表，所以會有一些。每個「信息框」都會有來自JSON的信息。如何做？

PHP文件在JSON中的回聲2個元素的項目和根據星期不同的數量的元素。我如何創建正確數量的「信息框」（基於json項目的數量）以及如何添加它們的名稱和價格？ 這是「信息框」中的HTML代碼：

<div class="item"> 
    <span id="itemname">*itemname*</span> 
<div id="price" class="price">*price*</div> 
     </div> 

我應該如何創建盒（使用jQuery）和JSON收到補充資料？

Answer 1

您可以使用Jquery模板（或小鬍子或類似的）。

創建模板，並將其輸出在HTML：

<script id="itemTemplate" type="text/x-jquery-tmpl"> 
    <div class="item"> 
     <span id="itemname">${name}</span> 
     <div id="price" class="price">${price}</div> 
    </div> 
</script> 

<div id="itemList" /> 

而且在Javascript（使用jQuery）：

// Load your json into var some_json 
$.each(some_json, function(item) { 
    $("#itemTemplate").tmpl(item).appendTo("#itemList"); 
});