Создайте объект jquery html из частичного рендеринга rails

Question

Я создаю приложение rails и использую datatables.net для отображения некоторых данных, которые можно добавить/удалить через AJAX.

У меня есть это рельсы частичное, которые должны быть оказаны, а затем добавляют к DataTable:

<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\(...) 

EDIT: Это то, что 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(); 

Answer 1

Обновление: я решил это, другой вопрос здесь, в stackoverflow, заявил, что эта ошибка может быть проблемой с кодировкой строки. Адаптирование решение, которое я нашел там привел меня к этому, который работает:

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