除非刷新页面,否则Rails ajax的第一个请求不会显示

艾哈迈德·阿尔·奇特

我有一个视图,该视图具有使用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] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

React Router更改URL,但除非从浏览器刷新页面,否则不会更新页面

来自分类Dev

除非刷新页面,否则带有React-Table的UseEffect不会显示更改

来自分类Dev

除非刷新页面,否则数据不会插入数据库吗?

来自分类Dev

除非刷新页面,否则不会加载jQuery手风琴

来自分类Dev

除非刷新页面,否则AJAX调用后未启用Javascript

来自分类Dev

除非使用angularjs刷新页面,否则如何修复指令中来自服务的显示数据?

来自分类Dev

除非刷新页面,否则“重置”按钮将不起作用,否则会给我一个错误(React.JS)

来自分类Dev

除非刷新页面,否则NavigationManager.Uri根本不会更新。如何在Blazor Server中获取实际的当前URI?

来自分类Dev

RichFaces 3和AJAX请求-更新了Bean,但如果不是第一个Ajax请求,则不会更新页面

来自分类Dev

RichFaces 3和AJAX请求-更新了Bean,但如果不是第一个Ajax请求,则不会更新页面

来自分类Dev

Ruby on Rails是默认刷新页面还是使用Ajax?

来自分类Dev

jQuery.post:我不能发布一次以上,除非刷新页面

来自分类Dev

除非您按住并选择“在新页面中打开/打开”,否则链接不会在Safari Iphone浏览器中打开新页面。

来自分类Dev

在第一个单选按钮上,单击刷新页面

来自分类Dev

$(“#”)。submit with Ajax刷新页面

来自分类Dev

刷新页面仍然显示动画?

来自分类Dev

除非刷新页面form_for Rails,否则“提交”按钮不起作用

来自分类Dev

在Rails中,如何调用AJAX函数,然后在完成页面后刷新页面?

来自分类Dev

Ruby on Rails / AJAX:如何在成功提交或显示错误时刷新页面?

来自分类Dev

$ .post刷新页面,但是$ .ajax阻止刷新页面

来自分类Dev

$ .post刷新页面,但是$ .ajax阻止刷新页面

来自分类Dev

刷新页面时,rails ajax覆盖所有部分

来自分类Dev

刷新页面之前,jquery-datatables-rails gem无法正确显示

来自分类Dev

jQuery在刷新页面之前等待AJAX请求完成

来自分类Dev

刷新div就像刷新页面一样

来自分类Dev

刷新页面而不用Ajax调用外部页面

来自分类Dev

gulp-live-server不会刷新页面

来自分类Dev

刷新页面不会更新最近的javascript

来自分类Dev

从存储中获取数据不会刷新页面内容

Related 相关文章

  1. 1

    React Router更改URL,但除非从浏览器刷新页面,否则不会更新页面

  2. 2

    除非刷新页面,否则带有React-Table的UseEffect不会显示更改

  3. 3

    除非刷新页面,否则数据不会插入数据库吗?

  4. 4

    除非刷新页面,否则不会加载jQuery手风琴

  5. 5

    除非刷新页面,否则AJAX调用后未启用Javascript

  6. 6

    除非使用angularjs刷新页面,否则如何修复指令中来自服务的显示数据?

  7. 7

    除非刷新页面,否则“重置”按钮将不起作用,否则会给我一个错误(React.JS)

  8. 8

    除非刷新页面,否则NavigationManager.Uri根本不会更新。如何在Blazor Server中获取实际的当前URI?

  9. 9

    RichFaces 3和AJAX请求-更新了Bean,但如果不是第一个Ajax请求,则不会更新页面

  10. 10

    RichFaces 3和AJAX请求-更新了Bean,但如果不是第一个Ajax请求,则不会更新页面

  11. 11

    Ruby on Rails是默认刷新页面还是使用Ajax?

  12. 12

    jQuery.post:我不能发布一次以上,除非刷新页面

  13. 13

    除非您按住并选择“在新页面中打开/打开”,否则链接不会在Safari Iphone浏览器中打开新页面。

  14. 14

    在第一个单选按钮上,单击刷新页面

  15. 15

    $(“#”)。submit with Ajax刷新页面

  16. 16

    刷新页面仍然显示动画?

  17. 17

    除非刷新页面form_for Rails,否则“提交”按钮不起作用

  18. 18

    在Rails中,如何调用AJAX函数,然后在完成页面后刷新页面?

  19. 19

    Ruby on Rails / AJAX:如何在成功提交或显示错误时刷新页面?

  20. 20

    $ .post刷新页面,但是$ .ajax阻止刷新页面

  21. 21

    $ .post刷新页面,但是$ .ajax阻止刷新页面

  22. 22

    刷新页面时,rails ajax覆盖所有部分

  23. 23

    刷新页面之前,jquery-datatables-rails gem无法正确显示

  24. 24

    jQuery在刷新页面之前等待AJAX请求完成

  25. 25

    刷新div就像刷新页面一样

  26. 26

    刷新页面而不用Ajax调用外部页面

  27. 27

    gulp-live-server不会刷新页面

  28. 28

    刷新页面不会更新最近的javascript

  29. 29

    从存储中获取数据不会刷新页面内容

热门标签

归档