English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
AJAXは、バックエンドのWebサーバーとデータの交換を通じて「非同期」でページを更新することができます。
これは、ページの一部を更新するだけで、全体を再読み込みする必要がなく、ユーザーに良い体験を提供し、データ転送速度を向上させます。
jQueryライブラリには、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を選択された要素に格納します |