Jquery 来自rails中编辑操作的Ajax回调

控制器/admin/products\u controller.rb

def update
  respond_to do |format|
    if @admin_product.update(admin_product_params)
       format.html { redirect_to @admin_product, notice: 'Product was successfully updated.' }
       format.js
    else
       format.html { render :edit }
    end
  end   
end

$('#product_table tr.product-<%= @admin_product.id %>').replaceWith(<%=j render 'table_row', admin_product: @admin_product %>);

views/admin/products/update.js.erb

def update
  respond_to do |format|
    if @admin_product.update(admin_product_params)
       format.html { redirect_to @admin_product, notice: 'Product was successfully updated.' }
       format.js
    else
       format.html { render :edit }
    end
  end   
end

$('#product_table tr.product-<%= @admin_product.id %>').replaceWith(<%=j render 'table_row', admin_product: @admin_product %>);

$（'#product_table tr.product-'）.replaceWith（）；

回应

$('#product_table tr.product-63').replaceWith(<tr class=\"product-63\">\n  <td>12321321<\/td>\n  <td>8asfdasfdsaafsfdsafdsa<\/td>\n  <td>7.00 <i class=\"fa fa-rub\"><\/i><\/td>\n  <td>7.00 <i class=\"fa fa-rub\"><\/i><\/td>\n  <td>6.01 <i class=\"fa fa-rub\"><\/i><\/td>\n  <td><a data-toggle=\"modal\" data-target=\"#productEditModal\" data-remote=\"/admin/products/63/edit #productEditForm\", data-title=\"ABC\" class=\"btn btn-mini\">Edit Meh<\/a><\/td>\n  <td><button class=\'deleteButton\' data-delete-button=\'<a class=\"btn btn-danger destroyButton\" data-remote=\"true\" rel=\"nofollow\" data-method=\"delete\" href=\"/admin/products/63\"><i class=\"fa fa-trash\"><\/i><\/a>\'><\/button><\/td>\n\n<\/tr>\n\n);

$（'#product_table tr.product-63'）。替换为（\n 12321321\n 8ASFDASFDSAAFSFDSA\n 7.00\n 7.00\n 6.01\n Edit Meh\n\n\n\n）；

---

为什么这样做不起作用？

在呈现模板时，我意识到了我的错误，我忘记将调用包含在“”或“”中，因此它默默地失败了

$('#product_table tr.product-<%= @admin_product.id %>').replaceWith('<%=j render 'table_row', admin_product: @admin_product %>');

$（'product#u table tr.product-'）。替换为（''；

这个故事的寓意是，确保你不会忽视小细节

打开XML Http请求也是一个巨大的帮助

---

在呈现模板时，我意识到我的错误，因为我忘记将调用包含在“”或“”中，因此它会无声地失败

$('#product_table tr.product-<%= @admin_product.id %>').replaceWith('<%=j render 'table_row', admin_product: @admin_product %>');

$（'product#u table tr.product-'）。替换为（''；

这个故事的寓意是，确保你不会忽视小细节

打开XML Http请求也是一个巨大的帮助

---

我认为您需要为我们提供更多与@Xavier一起工作的机会。响应是否符合您的预期，页面是否没有更新？如果是，您是否有ID为“product_table”的元素，其中包含类为“product-63”的表行？jQuery在您的应用程序中一般都能工作吗？@steveklein感谢您的提问，我的回答是我所期望的，只是没有将erb代码放入页面中，我只是尝试了一个通用的“$”（“body”）.append（“”）；即使这样也失败了。一切都如您所料，有一个ID为product_table的表，一个类为product-63的表行。我想您需要给我们更多的信息来使用@Xavier。响应是否符合您的预期，页面是否没有更新？如果是，您是否有ID为“product_table”的元素，其中包含类为“product-63”的表行？jQuery在您的应用程序中一般都能工作吗？@steveklein感谢您的提问，我的回答是我所期望的，只是没有将erb代码放入页面中，我只是尝试了一个通用的“$”（“body”）.append（“”）；即使这样也失败了。一切都如您所料，有一个ID为product_table的表，一个类为product-63的表行。我想您需要给我们更多的信息来使用@Xavier。响应是否符合您的预期，页面是否没有更新？如果是，您是否有ID为“product_table”的元素，其中包含类为“product-63”的表行？jQuery在您的应用程序中一般都能工作吗？@steveklein感谢您的提问，我的回答是我所期望的，只是没有将erb代码放入页面中，我只是尝试了一个通用的“$”（“body”）.append（“”）；即使这样也失败了。一切如您所料，有一个ID为product_table的表，一个类为product-63的表行。