指定した <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() メソッドが完了したときに実行するコールバック関数を指定する。 追加パラメータ:
|
AJAX リクエストをするときに、リクエストと共にデータを送信する
AJAX リクエストと共にデータを送信するために data パラメータを使用する方法
(この例は、AJAX Tutorial で説明した例を使用しています)
AJAX リクエストに、コールバック関数を使用する
AJAX リクエストからのデータの結果を操作するために、関数パラメータを使用する方法。
エラー付きのAJAXリクエストをする
XMLHttpRequest パラメータを使用した AJAX リクエスト内のエラーに対処するために、関数パラメータを使用する方法。