Rails中的ajax运用2---关注

原创 2017年01月03日 17:55:23
关注按钮的Ajax实现方式
1、原理:Ajax向服务器发送异步请求,在不刷新页面的情况下更新页面的内容

常规关注
2、关注一个用户
3、在user视图下面先编写局部关注视图表单_follow.html.erb

<%= form_for(current_user.active_relationships.build) do |f| %>

<div><%= hidden_field_tag :followed_id, @user.id %></div>
<%= f.submit "Follow", class: "btn btn-primary" %>

<% end %>

4、在user模型编写关注一个用户的方法

def follow(other_user)

active_relationships.create(followed_id: other_user.id)

end

5、在关系模型中定义关注的常规实现方法

def create
user = User.find(params[:followed_id])

current_user.follow(user)
redirect_to user

end


ajax关注

1、在user视图下面先编写局部关注视图表单_follow.html.erb

<%= form_for(current_user.active_relationships.
                              build(followed_id: @user.id),

remote: true) do |f| %>
<div><%= hidden_field_tag :followed_id, @user.id %></div>

<%= f.submit "Follow", class: "btn btn-primary" %><% end %>

2、在关系模型中定义关注的常规实现方法

def create
user = User.find(params[:followed_id])

current_user.follow(user)

respond_to do |format|

format.html { redirect_to @user }

format.js

end

3、如果请求是Ajax,rails 会自动调用的嵌入式ruby文件(.js.erb)






版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

Ajax on Rails

  • 2008年05月31日 20:30
  • 166KB
  • 下载

创建基于Rails 3的纯净Ajax CRUD程序

创建基于Rails 3的纯净Ajax CRUD程序 十一 11th, 2011 发表评论 | Trackback Rails 3利用scaffold可以很容易地创建CRUD程序,但那是多...

ajax-rails

  • 2013年03月14日 10:23
  • 154KB
  • 下载

Rails3 Ajax 筆記

Rails3 Ajax 筆記 Posted on 2011/07/25 by zetachang 最近都在忙 Rails app 的網頁前端,也花了點時間摸索 Rails 下的Aj...

ajax on rails

  • 2008年02月01日 10:10
  • 1.52MB
  • 下载

Ajax in Rails 3.1 - A Roadmap by Andrea Singh | December 05, 2011

Ajax in Rails 3.1 - A Roadmap by Andrea Singh | December 05, 2011 By adopting jQuery and includ...

跨越边界 Ajax on Rails

  • 2007年10月09日 21:13
  • 1.52MB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:Rails中的ajax运用2---关注
举报原因:
原因补充:

(最多只允许输入30个字)