English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

jQueryのAJAXメソッド

AJAXは、バックエンドのWebサーバーとデータの交換を通じて「非同期」でページを更新することができます。

これは、ページの一部を更新するだけで、全体を再読み込みする必要がなく、ユーザーに良い体験を提供し、データ転送速度を向上させます。

jQueryライブラリには、AJAX機能が全て揃っています。

これらの機能とメソッドは、ブラウザページをリフレッシュしないでサーバーからデータをロードできるようにしてくれます。

グローバルAjaxイベントハンドラ

ページ上のAjaxリクエストが特定のAjaxイベント(例えば初期化や完了)を発生したときに、呼び出すべき関数を追加するこれらのメソッドがあります:

メソッド説明
ajaxComplete()Ajaxリクエストが完了したときに呼び出すべき関数を追加します。これはAjaxEventです
ajaxError()Ajaxリクエストが完了しエラーが発生したときに呼び出すべき関数を追加します。これはAjaxイベントです
ajaxSend()Ajaxリクエストを送信する前に呼び出すべき関数を追加します。これはAjaxイベントです
ajaxStart()最初のAjaxリクエストが開始される前に呼び出すべき関数を追加します。これはAjaxイベントです
ajaxStop()すべてのAjaxリクエストが完了したときに、呼び出すべき関数を追加します。これはAjaxイベントです
ajaxSuccess()Ajaxリクエストが成功して完了したときに、呼び出すべき関数を追加します。これはAjaxイベントです

サポート機能

これらの機能は、Ajaxタスクを実行する際に直面する一般的な慣習をサポートします:

メソッド説明
$.param()配列やオブジェクトのシリアライズ表示形式を作成します(AJAXリクエストのURLクエリ文字列として使用できます)
serialize()フォーム要素のグループを送信するための文字列にエンコードします
serializeArray()フォーム要素のグループを名前と値の配列にエンコードします

ベースインターフェース

これらのメソッドは、任意のAjaxリクエストを発行するために使用できます:

メソッド説明
$.ajax()アシンクリーノートHTTP(AJAX)リクエストを実行します
$.ajaxPrefilter()各リクエストの送信前に、$.ajax()で処理する前に、カスタムAjaxオプションを処理したり、既存のオプションを変更します。
$.ajaxSetup()今後のAJAXリクエストのデフォルト値を設定します。使用することは推奨しません
$.ajaxTransport()Ajaxデータの実際の転送を処理するオブジェクトを生成します

ショートカットメソッド

これらのメソッドは、少ないコードで一般的なAjaxリクエストの種類を実行します:

メソッド説明
$.get()HTTP GETリクエストを使用してサーバーからデータをロードします
$.getJSON()GET HTTPリクエストを使用してサーバーからJSONエンコードされたデータをロードします
$.getScript()GET HTTPリクエストを使用してサーバーからJavaScriptファイルをロード(および実行)します
$.post()HTTP POSTリクエストを使用してサーバーからデータをロードします
load()サーバーからデータをロードし、返されるHTMLを選択された要素に格納します