Rails ajax 成功更新 UI

Question

我有一个简单的帖子页面，用户可以在其中创建新帖子 - 表单是 ajax（我正在使用 turbolinks）。

• ajax 成功后更新 UI 的 Rails 方式是什么？

我认为这是我的选择：

1. 在 ajax:success 触发时使用 javascript 重新加载页面

2. 在 Rails 控制器中，以 json 格式返回新帖子。然后在 ajax:success 我需要以某种方式创建一个模板

例如：

$("<div id='new-post'>").html(ajaxResult)
code to append the div to my posts

• 这是或多或少的方法吗？ （我不会在这里使用 ember 或 angular）
• 有什么理由更喜欢第一个或第二个选项？

Answer 1

您可以选择选项 2 发送新的 js 并使用 rails 将其添加到 div 模板中

例如：

_form.html.erb

 <%= form_for(@model), :html => {remote: true} do |f| %>
        your input fields code here

 <% end %>

控制器。

   def create
    respond_to do |format|
     if @model.save
        format.js
     else
         render 'new'
     end
     end

create.js.erb

$("#get_input").html(<%= j ({render :partial => "create"})%>) **#get_input is your div id**

_create.html.erb

#write your template code here

Answer 2

有很多方法可以做到:)

例如。你可以发送不是 json 而是 js 请求

def some_action
  respond_to do |format|
    format.html
    format.js
  end
end

然后在您的 /views/../some_action.js.erb 中

$("<div id='new-post'>").html("<%=j({render here what you want}>")

或者你真的可以处理 json。然后你需要使用像https://github.com/netzpirat/haml_coffee_assets模板系统这样的smth，并根据你的JSON轻松创建js模板