jQuery load() メソッド

❮ jQuery AJAX メソッド

指定した <div> 要素の中に、ファイル "demo_test.txt" のコンテンツをロードする:

$("button").click(function(){
    $("#div1").load("demo_test.txt");
});
Try it Yourself »

定義と用法

load() メソッドは、サーバからデータをロードし、選択した要素の中に取得したデータを配置します。

注: load は、jQuery Event メソッドにもありますが、 どちらが呼び出されるかは、パラメータに依存します。


構文

$(selector).load(url,data,function(response,status,xhr))

パラメータ 説明
url 必須。ロードしたい URL を指定する
data 任意。リクエストと一緒にサーバに送信するデータを指定
function(response,status,xhr) 任意。load() メソッドが完了したときに実行するコールバック関数を指定する。

追加パラメータ:
  • response - リクエストの結果のデータを含む
  • status - リクエストのステータスが含まれる("success"、"notmodified"、"error"、"timeout"、"parsererror")
  • xhr - XMLHttpRequest オブジェクトを含む

Try it Yourself - 例

AJAX リクエストをするときに、リクエストと共にデータを送信する
AJAX リクエストと共にデータを送信するために data パラメータを使用する方法 (この例は、AJAX Tutorial で説明した例を使用しています)

AJAX リクエストに、コールバック関数を使用する
AJAX リクエストからのデータの結果を操作するために、関数パラメータを使用する方法。

エラー付きのAJAXリクエストをする
XMLHttpRequest パラメータを使用した AJAX リクエスト内のエラーに対処するために、関数パラメータを使用する方法。


❮ jQuery AJAX メソッド