我有一个视图,该视图具有使用Ajax创建新帖子的形式,它还呈现所有帖子并将新添加的帖子添加到其中。问题是,当我发布第一篇文章时,除非刷新,否则页面不会显示它,否则,如果我刷新它就会显示出来,并且当我添加更多文章时,Ajax可以正常工作。
这是视图index.html.erb
:
<%= link_to('Logout', destroy_user_session_path, :method => :delete) %>
<%= link_to 'Edit my account', edit_user_registration_path %>
<%= form_tag search_posts_path, method: :get do %>
<%= text_field_tag :search, params[:search] %>
<%= submit_tag "Search", name: nil %>
<% end %>
<b> Study requests </b>
<%= form_for(@post, remote: true) do |f| %>
<%=f.label :Course_name %>
<%=f.select :course_name, options_for_select(course_names) %><br/>
<%=f.label :Course_number %>
<%=f.select :course_number, options_for_select(course_numbers) %> <br/>
<%=f.submit %>
<% end %>
<%= render @posts %>
部分是_post.html.erb
:
div id="post">
<%= post.user_name%>
</div>
控制器 :
def index
@posts = Post.all.order('id DESC')
@post = Post.new
end
def create
@post = current_user.posts.build(post_params)
@post.save
respond_to do |format|
format.html { redirect_to @post, notice: "Study request successfully added" }
format.js {}
format.json { render json: @post, status: :created, location: @post }
end
end
最后是我的create.js.erb
:
$("<%= escape_javascript(render @post) %>").prependTo("#post");
我明白了,我只需要在局部渲染周围添加一个新的div,就像这样:
<ul id="container">
<%= render @posts %>
</ul>
并更改create.js以追加到此div
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句