AJAX 通信
参考:
jQuery.ajax() | jQuery API Documentation [Official]
使い方
参考:
一般的な Ajax 通信を実装するには? | Build Insider
AJAX & Deferreds | jQuery Fundamentals
$.ajax() | jQuery 1.9 日本語リファレンス (js STUDIO)
jQuery.ajax(options) | jQuery 日本語リファレンス (semooh.jp)
jQuery.ajax(settings) | jQuery API 1.4.4 日本語リファレンス (StackTrace)
Deferred の使い方 (done / fail / always)
参考:
jQuery の Deferred が便利過ぎた – Qiita
jQuery の ajax() を利用すると返り値をとりたいときのやり方 – Qiita
jQuery で Ajax を始めよう! Deferred を使った非同期処理の書き方 | イケてないコード
jQuery の Deferred を用いたモダンな Ajax 処理の書き方 | Hack Your Design!
jQuery.Deferred をちゃんと理解する | とある角度から
任意の数の Ajax リクエストを実行し、全てのリクエスト完了後に何か処理をしたい | PSI Labs (archive)
jQuery.when の done() に Ajax で取得したデータを加工して渡したい | かもメモ
jQuery.Deferred() | jQuery API Documentation [Official]
Deferred Object | jQuery API Documentation [Official]
done / fail / always のコールバックが受け取る引数
参考:
$.ajax のカスタマイズ
参考:
Deferred な $.ajax をラップしてコールバック関数 (done / fail) に共通処理を追加する – Qiita
jQuery.get
参考:
$.get – GET リクエストを送信する | コピペで使える JavaScript 逆引きリファレンス
$.get で通信を行って JSON を取得するサンプル | ITSakura
$.get() | jQuery 1.9 日本語リファレンス (js STUDIO)
jQuery.get(url, data, callback) | jQuery 日本語リファレンス (semooh.jp)
jQuery.get | jQuery リファレンス (jquerystudy.info)
jQuery.get() | jQuery API Documentation [Official]
then / catch
参考:
$.ajax の done, fail, always を Promise の then, catch に置き換える – Qiita
load
参考:
load() を使って別のページの見出しを表示する | Web Design Leaves
Ajax 完了時に要素を追加する
参考:
load() but append data instead of replace – jQuery Forum
JSON を取得する
参考:
$.ajaxで通信を行って JSON を取得するサンプル | ITSakura
Parsing jQuery AJAX response – Stack Overflow
XHR の通信に介入する
参考:
jQuery の $.ajax で通信途中の responseText を取得する | あらびき日記
イベント
参考:
Ajax Events | jQuery API Documentation [Official]
Global Ajax Event Handlers | jQuery API Documentation [Official]
ajaxSend
AJAX リクエストの送信前に呼び出されるグローバルなコールバックを登録する。
$(document).ajaxSend((event, xhr, options) => {
console.log(`ajaxSend: ${options.url}`)
})
Code language: JavaScript (javascript)
参考:
.ajaxSend() | jQuery 1.9 日本語リファレンス (js STUDIO)
ajaxSend | jQuery リファレンス (www.jquerystudy.info)
.ajaxSend() | jQuery API Documentation [Official]
Stop jquery ajax request in ajaxStart – Stack Overflow
ajaxComplete
AJAX の完了時に呼び出されるグローバルなコールバックを登録する。
$(document).ajaxComplete((event, xhr, options) => {
console.log(`ajaxComplete: ${options.url}`)
console.log(`${xhr.status} ${xhr.statusText}`)
console.log(xhr.getAllResponseHeaders())
console.log(xhr.responseText)
})
Code language: JavaScript (javascript)
参考:
.ajaxComplete() | jQuery API Documentation [Official]
ajaxPrefilter
AJAX リクエストを送信前に呼び出される前処理用のグローバルなコールバックを登録する。
$.ajaxPrefilter('json', (options, _, xhr) => {
if (synchronous_data.hasOwnProperty(options.url)) {
console.log(`ajaxPrefilter: ${options.url}`)
}
})
Code language: JavaScript (javascript)
参考:
$.ajaxPrefilter() | jQuery 1.9 日本語リファレンス (js STUDIO)
jQuery.ajaxPrefilter() | jQuery API Documentation [Official]
ajaxTransport
AJAX のリクエストを処理するトランスポーターを登録する。
$.ajaxTransport('json', (options, _, xhr) => {
console.log(`ajaxTransport: ${options.url}`)
const data = { msg: "This is a test." }
return {
send: (_, complete) => {
complete(
200,
'OK',
{ json: data }
)
},
abort: () => {}
}
})
Code language: JavaScript (javascript)
参考:
$.ajaxTransport() | jQuery 1.9 日本語リファレンス (js STUDIO)
jQuery.ajaxTransport() | jQuery API Documentation [Official]
jquery/xhr.js at 3.4.1 · jquery/jquery – GitHub
ソース
$.ajax
参考:
ajax – jquery/ajax.js at 3.4.1 · jquery/jquery – GitHub
jqXHR
参考:
jqXHR – jquery/ajax.js at 3.4.1 · jquery/jquery – GitHub
ajaxSettings
オプションのデフォルト値
参考:
ajaxSettings – jquery/ajax.js at 3.4.1 · jquery/jquery – GitHub
ajaxSetup
引数のオプションとデフォルト値 (ajaxSettings
) から実際に用いるオプションを作成する。
// Create the final options object
s = jQuery.ajaxSetup( {}, options )
Code language: JavaScript (javascript)
参考:
ajaxSetup – jquery/ajax.js at 3.4.1 · jquery/jquery – GitHub
s – jquery/ajax.js at 3.4.1 · jquery/jquery – GitHub
done
参考: