rails ajax局部刷新

最新推荐文章于 2019-08-13 10:55:54 发布

原创最新推荐文章于 2019-08-13 10:55:54 发布 · 2.4k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#ajax

ruby 专栏收录该内容

44 篇文章

订阅专栏

本文介绍了一个Rails应用中用于展示用户的组件实现方式。该组件使用了嵌套表单和Ajax提交来实现实时更新用户列表的功能，并且展示了如何通过不同的响应格式（HTML, JS, JSON）来优化用户体验。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

home.html.erb:
<div id="users-div">
  <%= render partial: 'users/show_users'%>
</div>

show_users.html.erb:
<%= form_for @user, url:{controller:'user',action:'create'},remote: true,method: :post do |f|%>
    <%= f.hidden_field :patient_id,value:current_user.patient.id%>
    <%= f.text_field :name%>
    <%= f.submit '保存'%>
<%end%>

user contoller:
def create
.......
respond_to do |format|
      format.html {render 'users/show_users'}
      format.js{ render 'users/show_users'}
      format.json {render 'users/show_users'}
    end
end
注意：在show_users.html.erb统计目录下要有一个同名的show_users.js.erb
show_users.js.erb:
$("#users-div").html("<%= escape_javascript(render("users/show_users")) %>");