jQuery.ajax

参考:

$.ajax() | jQuery 1.9 日本語リファレンス (js STUDIO)

jQuery.ajax(options) | jQuery 日本語リファレンス (semooh.jp)

jQuery.ajax(settings) | jQuery API 1.4.4 日本語リファレンス (StackTrace)

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

使い方

参考:

はじめての Ajax – Qiita

一般的な Ajax 通信を実装するには? | Build Insider

AJAX & Deferreds | jQuery Fundamentals

Deferred の使い方 (done / fail / always)

参考:

jQuery の Deferred が便利過ぎた – Qiita

jQuery の ajax() を利用すると返り値をとりたいときのやり方 – Qiita

jQuery で Ajax を始めよう! Deferred を使った非同期処理の書き方 | イケてないコード

jQuery の Deferred を用いたモダンな Ajax 処理の書き方 | Hack Your Design!

jQuery.Deferred をちゃんと理解する | とある角度から

任意の数の ajax リクエストを実行し、全てのリクエスト完了後に何か処理をしたい | PSI Labs

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

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}`)
})

参考:

.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)
})

参考:

.ajaxComplete() | jQuery API Documentation [Official]

ajaxPrefilter

AJAX リクエストを送信前に呼び出される前処理用のグローバルなコールバックを登録する。

$.ajaxPrefilter('json', (options, _, xhr) => {
  if (synchronous_data.hasOwnProperty(options.url)) {
    console.log(`ajaxPrefilter: ${options.url}`)
  }
})

参考:

$.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: () => {}
  }
})

参考:

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

参考:

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

タグ:

コメントを残す

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