jquery_jqueryのloadメソッドの使い方と注意点-jsチュートリアル-php.cn

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

WBOY

リリース： 2016-05-16 16:58:40

オリジナル

1332 人が閲覧しました

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

1: データの使用方法
1. 渡すパラメーターを含まない PHP ファイルをロードします
$("#myID").load( " test.php");
//ID #myID

の要素に test.php をインポートした結果

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

3. 渡された複数のパラメーターを含む PHP ファイルをロードします。注: パラメータはカンマで区切ります。

$("#myID").load("test.php",{"name" : "Adam" , "site": "61dh.com"}); /インポートされた php ファイルには、test.php?name=Adam&site=61dh.com
のような受け渡しパラメーターが含まれています。
4. 配列を渡すパラメータとして使用する 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 サンプルコードをロードします:

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

$(document).ready(function(){

$("#labels").load("/blog/categories/labels.html"); 
//ページが
});


labels.html を更新した後も、IE7 のロード メソッドは引き続き古いラベルです。更新キーを押しても機能しません。幸いなことに、jQuery には、ajax によるキャッシュの使用を防ぐメソッドが用意されており、次のステートメントをヘッド JavaScript ファイルに追加して問題を解決します。 

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

$.ajaxSetup ({

cache : false / /AJAX 対応キャッシュを閉じます
});


また、キャッシュ問題を解決する方法をいくつか紹介します。注: jQuery の読み込みの問題についてはテストしていません。これらのメソッドは参照のみを目的としています。 

1. ファイル名を変更します (labels.html を label_new.html に変更するなど)。ただし、これは簡単な作業であり、通常は誰も行いません。

2. label.html の後に特定の時刻を追加します (labels.html?20081116 など)。実際の作業では、css/javascript ファイルを更新した後、ファイルがキャッシュされないようにするために常にこの方法を使用しています。

3. label.html ファイルの先頭に次のステートメントを追加します。

="有効期限は「CONTENT="-1"」>

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

コードをコピーしますコードは次のとおりです:header("Cache-Control: no-cache, must-revalidate") ;

?>


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