Rails 3不加载.js.erb文件

Question

I would like two .js.erb files, named "create" and "update" to load and be executed to replace a table in one of my views with an updated partial after a form is submitted.

The files both contain the following (they are identical)

$('table#rating').replaceWith("<%= escape_javascript(render :partial => 'home/rating') %>");

However I am unsure where to put the .js.erb files (in the same view as my html.erb page?) and how to load/trigger them when the form submits. Any help would be appreciated.

Answer 1

Yes, you place .js.erb files in the same location as the .html.erb files you're using them with. In order for Rails to use them, you need to tell Rails that the form should be submitted asynchronously (via AJAX). To do this, just add a :remote => true to your form tag. For instance

<%= form_for @some_model, :remote => true do %>
<!-- form stuff... -->
<% end %>

Answer 2

In order to submit a form with Ajax, you need to specify :remote => true option as pointed out by Alex.

In the controller that handles the form submission should also be able to respond to Ajax request. It should have something like following.

class FormHandlingController < ApplicationController

  def create
    ...
    respond_to do |format|
      format.js
    end
  end

end

You should place your craete.js.erb under app/views/form_handling_controllers/ directory.