顯示格式的Ajax JSON響應

Question

我從這個阿賈克斯接收與對象（具有ID，姓名等）的列表的JSON響應：

$.ajax({ 
    url: _this.attr('action'), 
    data: _this.serialize(), 
    dataType: "json", 
    success: function(json_data) { 
    alert('success!'); 
    alert(JSON.stringify(json_data)); 
    }, 
    error: function(data) { 
    alert('error!'); 
    } 
}); 

現在我需要顯示此信息作爲表的視圖，類似於：

%table 
    %thead 
    %tr 
     %th= "ID" 
     %th= "Name" 
    %tbody 
    - @response.each do |resp| 
     %tr 
     %td= resp.id 
     %td= resp.name 

我該怎麼做？

Answer 1

如果只想使用jQuery來做到這一點，你可以使用類似的東西成功函數：

function(json_data) { 
    var $tbody = $('table tbody'); 
    $.each(json_data, function() { 
    var $tr = $('<tr></tr>').appendTo($tbody); 
    $('<td></td>').text(this.id).appendTo($tr); 
    $('<td></td>').text(this.name).appendTo($tr); 
    }) 
} 

但是作爲你的模板，得到越來越困難它可能是值得尋找到一些客戶端模板解決方案（例如Handlebars）。