jQuery Deferredまとめ - Qiita
参照 よく分かるjQuery Deferred http://amzn.to/1SkAQXn 学習内容 .done()と.fail() Promise 非同期と同期処理 Deferred .then() $.when() $.Callbacks() 非同期処理を直列に記述、実行するための仕組み。 非同期処理で、複数の処理を、指定した順番で実行することができる。 Promise Jquery ver.1.5からAjax関係のメソッドは「Promise」を返すようになった Ajaxが無事終了した時、「Promise」に、コールバック関数を、done()というメソッドを使って登録する。 Ajaxが異常終了した時、「Promise」に、コールバック関数を、fail()というメソッドを使って登録する。 function onSuccess(){ console.log("成功"); } functi
複数のAjaxタスクをシーケンシャルに実行するには？
処理1 > 処理2 > 処理3のように複数のAjaxを直列実行しなければいけなくなったとき、以下のようにコールバックがネストしていってガチガチのコーディングになってしまう。このネスト構造、API1とAPI3の順番を入れ替える修正とかイヤになりますね。 今回はこういう処理をキレイに可読性高く記述しようという話。 $.getJSON('path to API1', function() { $.getJSON('path to API2', function() { $.getJSON('path to API3', function() { // つづく ... }); }); }); jQuery.Deferredを使おうこれらを解決するためにjQuery.Deferredを使用します。 jQueryのAjaxはPromiseオブジェクトを返してくれるので下のようにタスクを定義します。 v
jQueryプラグイン「pjax」でスムーズにページ遷移するサイトの作り方 | Neganin(ネガニン)
「pjax」とは「Ajax」と「pushState」を組み合わせたもので、非同期通信をしながらURLを変更することができる「jQueryプラグイン」です。 各ページの差分だけ読み込み、描画するので、転送量削減ができ時間短縮を図れますし、ページ遷移時のエフェクトも追加できたり、カスタマイズ性に優れています。検索エンジンからのマイナス点もない非常に優秀なプラグインです。 「Ajax」と「pushState」が何なのかというと・・・ Ajax ページを遷移せずにサーバーからデータだけを非同期でとり、サイトに描画する仕組みのことで、「Google Maps」などに使用されています。 pushState 「HTML5」で導入されたURL操作のAPIで「Ajax」を使用して非同期なサイトを作る時などにアドレスが変更されない問題を解消してくれます。 1. デモ 前置きが長くなりましたが、実際に「pjax
jQueryのDeferredが便利過ぎた - Qiita
$(function(){ //サンプルボタンがクリックされたら発火するイベント $('#sample').on('click', function(){ //ajaxを使う関数を呼び出し、挙動がズレることを確認する console.log('click function start'); ajax_function(); $('#append_area').append('<li>クリック関数側で追加したテキスト</li>'); console.log('click function end'); }); //ajax通信をし、返ってきた値をリストに追加する function ajax_function(){ console.log('ajax start'); $.ajax({ type: 'POST', url: 'index', data: { 'test_text': 'ajax
はじめてajaxを使うときに知りたかったこと - Qiita
はじめに 今更ですが最近ajaxを少し触るようになりました。 jQueryを使えば簡単にajax通信ができるため、単純なものであればそれほど実装は難しくないかと思います。 ですが少し複雑なことをやろうとしてみると、急にハードルが上がる気がします。 そこで自戒を込めて、ajax初心者の方に対してはじめにこれを知りたかったと思えるんじゃないかというものをまとめてみたいと思います。 ※jQueryを利用したajax通信を想定しています 目次 処理の順番を意識する $.ajax()の省略メソッドを知る イベントを知る デバッグ方法を知る 通信状況を想定する（タイムアウトを設定する） 連続クリックを防止する ← [New!] 連続通信を防止する ← [New!] 処理の順番を意識する ajaxを使用する場合は、非同期通信で処理したいケースがほとんどかと思います しかし単純にそのまま書いただけでは処理
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
