RailsでJavaScriptテンプレートを書いていたら混乱して来たのでまとめ [俺の備忘録]
Google+ボタン はてなブックマークボタン 更新日時: 2013年03月18日（月） 作成日時: 2013年03月18日（月） 前の記事 / 次の記事 混乱の原因は JavaScript と CoffeeScript と Erb と Haml が共存してること。 おさらい ビューテンプレート $ vi call_ajax.html.haml -# haml =link_to("ajaxな処理", "path_to_excute_ajax", data: {remote: true}) JavaScriptテンプレート （アクション名が"excute_ajax"だったらデフォルトで"excute_ajax.erb.js"が呼ばれる） $ vi excute_ajax.erb.js alert("called!"); jQueryと組み合わせて $ vi excute_ajax.erb.j
Turbolinksをオフしないためにやった事 - Qiita
fetchReplacement失敗時は再度レンダリングされ, landingの状態になる。 よく出てくるおまじない $(document).on 'ready page:load', -> これはjqueryが提供する'ready'とTurbolinksが提供する'page:load'の両方で定義すること。 非Turbolinks遷移時は'ready'で発火。 Turbolinks遷移時は'page:load'で発火の両方をカバーするという意味。 Turbolinksをサポートしていないブラウザでも'ready'が発火するので安心。 jquery-turbolinks gem 'ready'triggerにpage:loadを追加してくれる機能を提供。 Trigger tips 通常、page:changeでaddEventListenerしてはいけない。 fetchHistoryの際に
jQueryのDeferredを用いたモダンなAjax処理の書き方
目次 jQuery 1.4以前の書き方jQuery 1.5以上の書き方jQuery 1.8以上の書き方【発展編1】Deferredを用いた書き方 deferredとは何か？【発展編2】$.when() を用いた書き方参考本エントリは軽めのjQuery Advent Calendar 2012の14日目の記事として書きます。軽めといいながら少し重めになってしまった感がありますが、初めてのAdvent Calendar参加ということでご勘弁を。 ※ Twitter API仕様変更によりTwitter APIを使ったコード例は現在動作しなくなっていることにご注意。 jQuery 1.4以前の書き方まずは、少し古めのコード、昔のjQueryの本とかでよく見る書き方。 $.ajax({ url: "ajax.html", success: function(data) { alert('succes
RailsでのjavaScriptについて | Rails日本語ドキュメント | Ruby STUDIO
このガイドでは、簡単にリッチなAjaxアプリケーションの構築を可能にする、 Rails組み込みのAjax/JavaScriptの機能について説明します。 このガイドを読むことで、次の事が学べるはずです。 Ajaxの基本 控えめなJavaScript Railsの組み込みヘルパーはどのように手助けしてくれるのか。 サーバーサイド上でのAjaxの扱い方について ターボリンクス(Turbolinks)Gemについて 1. Ajax入門 2. 控えめなJavaScript 3. 組み込みヘルパー 4. サーバーサイドに関する事について 5. Turbolinks 6. その他のリソースについて 1. Ajax入門 Ajaxを理解するには、始めにWebブラウザが通常何を行っているのかを知らなければいけません。 http://localhost:3000と、ブラウザのアドレスバーに打ち込んでEnter
Railsのformで:remote => trueして楽しくAjaxする - i'mimi
2014-08-22 Railsのformで:remote => trueして楽しくAjaxする 【書きかけかも】 Railsのformで、シンプルに画面遷移なくAjaxで登録・表示を行う方法。 さらにparticalを使ってすっきり。 他に正しいやり方があったらおしえてん。 xxx.html.erb 重要なのは、form_tagに「:remote => ture」を追加すること。 RailsさんありがとうこれだけでAjax通信にしてくれる <%= form_tag ({:controller => "コントローラー名",:action => 'yyy（Ajax通信をキャッチするアクション名）'}), :remote => true, :id => 'new_entry' do %> <%= hidden_field_tag :authenticity_token, form_aut
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
