通过渲染 Rails 部分创建 jquery html 对象

Posted 2023-05-09

【中文标题】通过渲染 Rails 部分创建 jquery html 对象

【英文标题】：Create jquery html object from rendering a rails partial

【发布时间】：2016-07-30 22:58:44

【问题描述】：

我正在构建一个 rails 应用程序并使用 datatables.net 来显示一些可以通过 AJAX 添加/删除的数据。

我有这个应该被渲染并随后添加到数据表中的 rails 部分：

<tr id="<%= "device-" + device.id.to_s %>">
  <td class="device-id"><%= device.id %></td>
  <td class="device-devicetype-name"><%= device.device_type.name %></td>
  <td class="device-serial"><%= device.serial %></td>
  <td class="device-bought"><%= device.bought %></td>
  <td class="device-remarks"><%= device.remarks %></td>
  <td class="device-actions">
    <% if can? :manage, Rental %>
      <%= form_for(@rental.device_rentals.build, remote: true) do |f| %>
        <%= hidden_field_tag :device_id, device.id %>
        <%= hidden_field_tag :rental_id, @rental.id %>
        <%= button_tag(type: 'submit', class: "btn btn-primary") do %>
          <span class="glyphicon glyphicon-plus-sign"></span>
        <% end %>
      <% end %>
    <% end %>
  </td>
</tr>

然后我在 AJAX 请求响应中调用渲染函数并尝试将其添加到表中，如下所示：

availableDevicesList = $('#available-devices-list').DataTable();

availableDevicesList.row.add($("<%= escape_javascript render('devices/available_devices_table_row', :device => @device).to_json %>")).draw();

这不起作用，因为该行最终不会添加到表中。当我将请求响应中的 jquery 部分复制/粘贴到控制台并运行它时，我收到以下错误消息：

Uncaught Error: Syntax error, unrecognized expression: "\u003ctr id=\"device-3\"\u003e\n  \u003ctd class=\"device-id\(...)

编辑：这是 JS Line 在响应中呈现的内容：

availableDevicesList.row.add($("\"\\u003ctr id=\\\"device-3\\\"\\u003e\\n  \\u003ctd class=\\\"device-id\\\"\\u003e3\\u003c/td\\u003e\\n  \\u003ctd class=\\\"device-devicetype-name\\\"\\u003eBlack Case\\u003c/td\\u003e\\n  \\u003ctd class=\\\"device-serial\\\"\\u003eCASE0001\\u003c/td\\u003e\\n  \\u003ctd class=\\\"device-bought\\\"\\u003e01.12.2015\\u003c/td\\u003e\\n  \\u003ctd class=\\\"device-remarks\\\"\\u003eMaserati sticker\\u003c/td\\u003e\\n  \\u003ctd class=\\\"device-actions\\\"\\u003e\\n      \\u003cform class=\\\"new_device_rental\\\" id=\\\"new_device_rental\\\" action=\\\"/device_rentals\\\" accept-charset=\\\"UTF-8\\\" data-remote=\\\"true\\\" method=\\\"post\\\"\\u003e\\u003cinput name=\\\"utf8\\\" type=\\\"hidden\\\" value=\\\"\\u0026#x2713;\\\" /\\u003e\\u003cinput type=\\\"hidden\\\" name=\\\"authenticity_token\\\" value=\\\"aiu/5qq8UVfPSCTvq3+VRsnXxwJS9agJuPIZTH1HXd3Y+ocFG7IhgB99P1UnTKfrhusw/vcO6vhSMnreDiVOSg==\\\" /\\u003e\\n        \\u003cinput type=\\\"hidden\\\" name=\\\"device_id\\\" id=\\\"device_id\\\" value=\\\"3\\\" /\\u003e\\n        \\u003cinput type=\\\"hidden\\\" name=\\\"rental_id\\\" id=\\\"rental_id\\\" value=\\\"1\\\" /\\u003e\\n        \\u003cbutton name=\\\"button\\\" type=\\\"submit\\\" class=\\\"btn btn-primary\\\"\\u003e\\n          \\u003cspan class=\\\"glyphicon glyphicon-plus-sign\\\"\\u003e\\u003c/span\\u003e\\n\\u003c/button\\u003e\\u003c/form\\u003e  \\u003c/td\\u003e\\n\\u003c/tr\\u003e\"")).draw();

【问题讨论】：

这有帮助吗<tr id="device-<%=device.id.to_s %>">

@Abhi 不，它仍然失败。我添加了我的 JS 响应中的行在我的问题中呈现的内容。

【参考方案1】：

更新：我解决了，*** 上的另一个问题指出此错误可能是字符串编码的问题。调整我在那里找到的解决方案导致我这样做，它有效：

var deviceTableRow = "";
deviceTableRow += "<%= escape_javascript render('devices/rental_devices_table_row', :device => @device) %>";
rentalDevicesList.row.add($(deviceTableRow)).draw();