jqueryロードイベント(コールバック/データ)の利用方法と注意点_jquery

ウィンドウ オブジェクトにバインドされている場合、ウィンドウ、フレーム、オブジェクト、画像を含むすべてのコンテンツが読み込まれた後にトリガーされます。要素にバインドされている場合、要素のコンテンツが読み込まれるときに起動されます。

注: この要素が完全にロードされる前にロード ハンドラーがバインドされている場合にのみ、ロード ハンドラーはロード後にトリガーされます。後でバインドすると、トリガーされなくなります。したがって、$(document).ready() でロード イベントをバインドしないでください。jQuery は、すべての DOM ロードが完了した後にロード イベントをバインドするからです。したがって、loadメソッドを使用する場合は、ページの先頭にloadメソッドを記述するようにしてください。

load メソッドを呼び出す完全な形式は次のとおりです:load(url, [data], [callback]),
ここで:
•url: インポートされるファイルのアドレスを指します。
•data: オプションのパラメータ。Load は静的 HTML ファイルだけでなく、PHP ファイルなどの動的スクリプトもインポートできるため、動的ファイルをインポートする場合は、ここに渡すパラメータを指定できます。
•callback: オプションのパラメータ。load メソッドを呼び出してサーバーから応答を取得した後に実行される別の関数を指します。

1: データの使用方法
1. 渡すパラメータを含まない PHP ファイルをロードします $("#myID").load("test.php") ;
//ID #myID の要素に test.php をインポートした後の結果 2. 転送パラメータ
$("#myID").load(" test.php", を含む php ファイルをロードします) {"name" : "Adam"});
//インポートされた php ファイルには、test.php?name=Adam3 のような受け渡しパラメーターが含まれています。これには、複数のパラメーターを渡すことができます。注: パラメータはカンマで区切ります。
$("#myID").load("test.php",{"name" : "Adam" , "site": "61dh.com"}); /インポートされた php ファイルには、test.php?name=Adam&site=61dh.com4 のような渡しパラメーターが含まれています。配列を渡しパラメーターとして使用する php ファイルをロードします。
$("#myID") "test.php",{'myinfo[]', ["Adam", "61dh.com"]});
//インポートされた php ファイルには、配列を渡すパラメーターが含まれています。注:load を使用する場合、これらのパラメータは POST で渡されるため、test.php では GET を使用してパラメータを取得することはできません。


2: コールバックの使い方 たとえば、load メソッドがサーバーの応答を取得した後、ロードされたコンテンツをゆっくり表示したい場合は、コールバック関数を使用できます。コードは次のとおりです:

コードをコピー コードは次のとおりです:

$(" #go").click (function(){
$("#myID").load("welcome.php", {"lname" : "Cai", "fname" : "Adam", function() {
$( "#myID").fadeIn('slow');}
)
});

注:
の後にスペースを追加します。セレクターに続く URL をロードします。
例:

コードをコピー コードは次のとおりです:

$(" body").load("test.html #a");