2011-06-23 13 views
1

私はすでにこのtopixを読んでいます: "http://stackoverflow.com/questions/4820637/how-do-i-perform-an-ajax-request-to-the-create-私はレール上にローディングアニメーションを作成したいのですが、サーバーが電子メールを送信するのに時間がかかります。他の計算をして、ユーザーエクスペリエンスがあまり良くないようにしてください。Rails 3読み込み中のページにajaxアニメーション

私はこのチュートリアルを読んでいます:http://www.marketingformavens.com/blog/create-a-page-loading-animation-with-ruby-on-rails-and-ajaxこれはrails2用です(remote_functionはもうレール3には存在しません)。

誰かが私はそうするべき方法伝えることができるのだろうか: は -

感謝の多くを>アクション(のように作成、または更新)の際にユーザーがクリック画面上にロードされた素敵なアニメーションを有します。

希望私はあなたがあなたのアクションがAJAXで行われている間のアニメーションをロードしたい理解していれば...

答えて

3

を答えを見つけるために。ただ、アヤックスでのコントローラのアクションを呼び出すと、あなたのアニメーションを停止するためにコールバックを使用してjQueryのAPIを使用します。RailsのではjQueryのAjaxを使用する方法の詳細については

$("#myaction").click(function(){ 
     //write your animation code here 

     $.ajax({ 
     url: "http://localhost:3000/yourcontrolleraction", 
     dataType: "json", 
     type: "POST", 
     processData: false, 
     contentType: "application/json", 
     data: yourdata 
     success: function(){ 
      //stop your animation here 
     } 
     }) 
    }); 

を、私はこの素晴らしい記事あなたの読み取りをお勧め:http://blog.project-sierra.de/archives/1788

+0

私はしてみてください、それが動作するかどうかを知らせます! どうもありがとうございました! –

+0

最終的に私はそれが動作し得ることはありません... 私がやっていること なぜ...実際に私はjavascriptのものでは初心者です、それはおそらくです:文字列の内容:文字列 すくいデシベル レールが足場のテスト名を生成します:。 geditのアプリ/ビュー/テスト/ new.html.erb ペースト[コード] $( "#で作成する")移行をクリック(関数(){ \t警告( "テスト!") $アヤックス({ url: "http:// localhost:3000/tests/create"、 dataType: "json"、 タイプ: "POST"、 processData:false、 contentType: "application/jso" n "、 データ:yourdata 成功:function(){ //アニメーションをここで停止します。 } }) }); –

+0

回答にはすべてのビューのコードが必要です。そしてあなたには ";" urlパラメータの後には存在しないはずです。 –

関連する問題