Ruby on Rails 中应用Ajax

最新推荐文章于 2024-10-10 16:21:08 发布

Gavin_Cando

最新推荐文章于 2024-10-10 16:21:08 发布

阅读量937

点赞数

分类专栏： Ruby 文章标签： rails ruby stylesheet activerecord ajax redirect

本文链接：https://blog.csdn.net/Gavin_Cando/article/details/7165811

版权

Ruby 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

Rails为Ajax的使用提供了相当简单的方法，见过实验一下代码有效。仅记备忘。

详细理论见《Web开发敏捷之道-应用Rails进行敏捷开发（第三版）》 Page 95 ~ 97

我的RoR环境如下：
Rails 2.3.14
Ruby 1.8.7

一、替换button_to生成代码的post形式

depot\app\views\store\index.html.erb

<% form_remote_tag :url => {:action => 'add_to_cart', :id => product} do%>
	<%= submit_tag "Add to cart"%>
<%end%>

二、add_to_cart方法做出改变发送ajax请求

\depot\app\controllers\store_controller.rb

def add_to_cart
    product = Product.find(params[:id])
    @cart = find_cart
    @cart.add_product(product)
    respond_to do |format|
      format.js
    end
    rescue ActiveRecord::RecordNotFound
      logger.error("Error #{params[:id]}")
      redirect_to_index "Error"
  end

三、添加Ajax支持

depot\app\views\layouts\store.html.erb

<head>
	<title>XXXX Book Store</title>
	<link rel="stylesheet" href="http://twitter.github.com/bootstrap/1.4.0/bootstrap.css">
	<link rel="stylesheet" href="http://twitter.github.com/bootstrap/assets/css/docs.css">
	<%= javascript_include_tag :defaults %>
</head>

四、添加js响应

depot\app\views\store\add_to_cart.js.rjs

page.replace_html("cart", :partial=>"cart", :object=>@cart)

Gavin_Cando

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录