AjaxによるRails 3.2の更新アクション。

Question

Rails 3.2アプリケーション用のAjaxを使用して更新フォームを作成しようとしています。私はAjax初心者ですので、いくつか指導が必要です。私は何を達成したいことは次のとおりです。

1. The user presses a button and a form slides down from the top in a div. 
2. The user updates the form and presses "update". 
3. The parameters from the updated form is sent and saved to the database, and 
4. the form slides up again without making the user leave the page. 

フォームは現在、次のようになります。これは、に位置しています

def update 
    @user = current_user 
    @user.update_attributes(params[:user]) 
end 

：私は現在、このようになります更新アクションを持っている

<%= form_for(@user, :remote => true) do |f| %> 
    <%= render 'shared/error_messages' %> 
    <%= f.fields_for :oak do |oak| %> 
    <%= oak.text_field :name, :placeholder => "Name" %> 
    <% end %> 
    <%= f.fields_for :energy_meter do |energy_meter| %> 
    <%= energy_meter.text_field :energy_meter_id, :placeholder => "Id" %> 
    <% end %> 
    <%= f.submit "Update!", "data-role" => "button", "data-theme" => "b", "return" => "false" %> 
<% end %> 

私のUsersController。私は私がやりたいupdate.js.erbを入れて、またどのようにすべきかわからない

$(window.location.replace("/")) 

：

は、私はまた、現在、このようになりますupdate.js.erbファイルを持っていますパラメータを送信すると、現在は/にリダイレクトされます。私はまた、私は自分の更新アクションに入れなければならないものは何か、それは現在UsersControllerに位置しているが、それは私のフォームがどこにある私のPagesControllerに置かれるべきか？

ヒントやガイダンスは素晴らしいと思います！

ありがとうございました。

Answer 1

あなたがコントローラにrespond_toブロックを追加し、コントローラは、その後update.js.erbをレンダリングするようにformat.jsを追加する必要がありますupdate.js.erb

Answer 2

にいくつかの警告を追加し、テスト目的のためにaaplication.js

$("#BUTTON_ELEMENT").live("click", function() { 
    $("#FORM_ELEMENT").slideDown(); 
}); 

$("#FORM_ELEMENT").live("submit", function() { 
    var _form = $(this); 
    $.post(_form.attr("action"), _form.serialize(), function() { _form.slideUp(); }, "script"); 
    return false; 
}); 

に次のコードを追加しますファイル。

$(window.location.replace("/")) 

は、デフォルトでは、URLがAJAX呼び出し時に変更されません：あなたはこの行を必要としない

。

Answer 3

これがこのケースに当てはまるかどうかはわかりませんが、jqueryを使用して検索フィールドを作成するような場合は...私はこのコードをupdate.js.erbに入れてください。 「更新」は、フォームと「#DIV_ID」を含む_update.html.erbファイルです

$('#DIV_ID').html('<%= escape_javascript(render("update")) %>'); 

は、フォームがレンダリングされるようにしたいdiv要素です。

多分、このレールキャストは、私が行うよりもそれを説明するのに役立ちます。 http://railscasts.com/episodes/240-search-sort-paginate-with-ajax?autoplay=true