jqueryのloadメソッドの使い方と注意点

この記事では主にjqueryのloadメソッドの使い方とnotesを詳しく紹介していますので、必要な方はぜひ参考にしてください

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

1: データの使い方
1. 渡すパラメータを含まないphpファイルをロードします
$("#myID").load("test.php"); test.php を #myID 要素にインポートした結果

$("#myID").load("test.php",{"name" : "Adam) "});
//インポートされた php ファイルには、次のような受け渡しパラメーターが含まれています: test.php?name=Adam

$("#myID").load("test.php",{"name" : "Adam" , "site":"61dh.com"});
//インポートされた phpファイルには次のような受け渡しパラメーターが含まれています: test.php?name=Adam&site=61dh.com

array を受け渡しパラメーターとして使用する php ファイルをロードします$("#myID").load (" 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');} 
); 
});

jqueryがキャッシュを使用しないようにする方法:
キャッシュはページの読み込みをある程度高速化しますが、多くの場合、私たちに問題をもたらします。前回の記事では、jQuery での Load メソッドの使用方法を簡単に紹介しました。実際のアプリケーションでは、ブラウザのキャッシュの問題が発生する可能性があります。たとえば、IE7 でこの問題が発生しました。

jQuery Load サンプル コード:

$(
document
).ready(function(){ 
$("#labels").load("/blog/categories/labels.html"); 
//在页面装载时，在ID为#labels的DOM元素里插入labels.html的内容。 
});

javascript ファイルに次のステートメントを追加します。

$.ajaxSetup ({ 
cache: false //关闭AJAX相应的缓存 
});

="- 1">

4. ロード関数は HTML を呼び出すだけでなく、labels.php などのスクリプトも呼び出すことができます。

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

<?php 
header("Cache-Control: no-cache, must-revalidate"); 
?>

load の特別な使用法 :
セレクターの後に続くように、load URL の後にスペースを追加します。 例: test.html のコンテンツをロードする必要があり、ID a のコンテンツを取得するだけで済みます。 $("body").load("test.html #a");

以上がjqueryのloadメソッドの使い方と注意点の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。