[B! Ajax] sibusukeのブックマーク

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

sibusuke 2018/04/25

リンク

結果の順番を保証して、且つ『並列』でAjax通信を行う方法 - Qiita

var request = [ { url: 'hoge00.json', params: { hoge: 123, huga: 456 } }, { url: 'hoge01.json', params: { hoge: 246, huga: 912 } }, { url: 'hoge02.json', params: { hoge: 369, huga: 1368 } }, { url: 'hoge03.json', params: { hoge: 492, huga: 1824 } }, { url: 'hoge04.json', params: { hoge: 615, huga: 2280 } } ]; var results = []; var doneCount = 0; for (var i = 0; i <= request.length; i++) { $.ajax({

sibusuke 2018/04/24

リンク

jQueryで非同期かつ複数同時並列にリクエストするには - kikki's tech note

本章では、jQueryで非同期かつ複数同時並列でサーバーにリクエストする方法について共有します。 jQueryのモジュール jQueryには、「Deferred」と呼ばれるモジュールがあります。これは、非同期処理が終わった後に、別の処理を実行させるために用います。利点としては、非同期処理が複数あり、前の処理を待って処理を始める際に、プログラムがネスト地獄にならない利点があります。非同期・複数・並列非同期・複数・並列で非同期通信する場合には、「$.when.apply」を利用します。予めリクエストするURLと送信データを準備しておき、一度のコールで同時にリクエストします。イメージ図を以下に用意しました。縦軸：tが時間を表しています。jqXHRListでリクエストURLを複数用意し、非同期通信を始め、完了時にデータをすべて受け取ります。それぞれの処理にかかる時間が違う場合でも、「don