この記事では主に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 サイトの他の関連記事を参照してください。