9

我正在关注Pragmatic Agile Web Development With Rails 4th Edition这本书，但我使用的是 Rails 3.2.2 而不是书中推荐的 3.0.5：

~$ ruby -v
ruby 1.9.3p125 (2012-02-16) [i686-linux]
~$ rails -v
Rails 3.2.2

我在包含 AJAX 以重绘购物车而不重新加载页面时遇到了问题。这是 line_items_controller.rb 中的创建操作：

def create
    @cart = current_cart
    product = Product.find(params[:product_id])
    @line_item = @cart.add_product(product.id)

    respond_to do |format|
      if @line_item.save
        format.html { redirect_to(store_url) }
        format.js 
        format.json { render json: @line_item, status: :created, location: @line_item }
      else
        format.html { render action: "new" }
        format.json { render json: @line_item.errors, status: :unprocessable_entity }
      end
    end
  end

这是我的 RJS 文件 create.js.rjs（在 app/views/line_items 下）：

page.alert('NO PROBLEM HERE')
page.replace_html('cart', render(@cart))

但是，当我单击启动此操作的按钮时：

<%= button_to 'Add to Cart', line_items_path(:product_id => product), :remote => true %>

我在开发日志中收到以下错误：

ActionView::MissingTemplate (Missing template line_items/create, application/create with {:locale=>[:en], :formats=>[:js, :html], :handlers=>[:erb, :builder, :coffee]}. Searched in:
  * "/home/me/src_rails/depot/app/views"
):
  app/controllers/line_items_controller.rb:47:in `create'

如果我将 create.js.rjs 的文件名更改为 create.js.erb，则问题得到纠正：

Rendered line_items/create.js.erb (0.4ms)

但视图中什么也没有发生……甚至警报也没有。我错过了什么？file.js.erb 和 file.js.rjs 有什么区别？

4

2 回答 2

18

从Rails 3.1开始，它似乎rjs已被删除为默认设置。你可以通过安装 gem 来取回它prototype-rails，但我认为你应该只使用 jQuery，这是新的默认值。

至于您的代码，它不起作用的原因是它是一个rjs被解释为的模板.js.erb，这可能只是产生了无效的 JavaScript（您应该在浏览器的 JavaScript 控制台中看到错误）。用于为您设置变量的rjs模板page，您将使用它编写 Ruby 代码来操作您的页面。在.js.erb模板中，它更像在您的.html.erb视图中工作。您编写实际的 JavaScript，并使用<% %>标签嵌入 Ruby。所以里面的代码create.js.erb应该是这样的：

 alert('NO PROBLEM HERE');
 $('#cart').html("<%= escape_javascript(render(@cart)) %>");
于 2012-04-14T12:59:45.793 回答
6

在 rails >= 3.1 中不再有 jquery-rjs。但是你可以在这里使用 CoffeeScript: line_items/create.js.coffee:

alert 'NO PROBLEM HERE'
$('#cart').html '<%= j render(@cart) %>'

或类似的东西。

于 2012-04-13T20:59:46.893 回答