在 Rails 视图中显示格式化的 Ajax JSON 响应

Question

我收到了一个 JSON 响应，其中包含来自此 Ajax 的对象列表（带有 ID、名称等）：

$.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）。