使用AJAX更新轨道视图中的帖子

Question

如何在使用Ajax单击“Submit Post”按钮时编写用于添加帖子的javascript？此外，javascript文件将被称为index.js.haml或create.js .haml？ 以下是相关文件：

index.html.haml：

.post#new_post  
    - @posts.each do |post| 
     = post.body 
    = render partial: "form" 

_form.html.haml：

= bootstrap_form_for @post, remote: true do |f| 
    = f.text_area :body, label: "", required: true 
    = f.submit "Submit Post", class: "button" 

帖子控制器（索引和创建方法）：

def index 
    load_posts # a method I use for loading posts 
end 

def create 
if @post.save 
    respond_to do |format| 
    format.js 
    format.html do 
     flash[:success] = "Saved." 
    end 
    end 
else 
    load_posts 
    flash.now[:error] = "Sth went wrong. " 
    render :index 
end 

end

JS为ajaxifying：

$('#new_post').append('#{escape_javascript(render(@post))}'); 

非常感谢！

Answer 1

创建你的意见/职位文件create.js.haml并添加以下

$('#new_post').append("<%= @post.body %>");