通过javascript提交表单后在rails中更新div局部

Question

我有一个名为whatsup的表，还有一个用户，并且以whatsup属于用户的方式实现了它，我使用户可以通过像这样的ajax创建whatsups

$("#chat").append("<%= j render(@whatsup) %>");
$("#new_whatsup")[0].reset();

我在这样的表单顶部显示创建的whatsups

<ul id="chat">
  <%= render @whatsups %>
</ul>

<%= form_for Whatsup.new, remote: true do |f| %>
  <%= f.text_field :details%>
  <%= f.submit "Send" %>
<% end %>

在我的控制器中@whatsups这样声明

@whatsups = current_user.whatsups.all(:limit => 1, :order => 'created_at DESC')

这意味着一次应显示一个Whatsup

我想要的是，应立即重新提交部分@whatsups表单，而无需重新加载整个页面，即仅重新加载该div，以便创建的新whatsups会自动显示。

Answer 1

我认为您应该在您的create动作中添加一个js响应，如下所示：

在WhatsupsController＃create中执行以下操作：

respond_to do |format|
    format.js
end

然后创建视图文件views / whatsups / create.js.erb。 您可以在此处创建一个JavaScript，创建完成后将在页面上执行该JavaScript。 像这样：

$("#chat").append("<%= j render(@whatsup) %>");