AJAX 通信

参考:

jQuery.ajax() | jQuery API Documentation [Official]

使い方

参考:

はじめての Ajax – Qiita

一般的な 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 のコールバックが受け取る引数

参考:

Arguments accessible by .always(), .done() and .fail() from jQuery.ajax()? · Issue #49 · jquery/api.jquery.com – GitHub

$.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

参考:

done – jquery/ajax.js at 3.4.1 · jquery/jquery – GitHub

記事をシェアする:
タグ:

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

Protected by reCAPTCHA