2014-11-14 86 views
0

我從這個阿賈克斯接收與對象(具有ID,姓名等)的列表的JSON響應:顯示格式的Ajax 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 

我該怎麼做?

回答

0

如果只想使用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)。

+0

工作!抱歉,遲到的迴應,問題是關於一個側面項目,我一直有點忙:) – mariec 2014-12-09 18:45:52