ホームページ  >  記事  >  ウェブフロントエンド  >  jqueryのloadメソッドの使い方と注意点

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

巴扎黑
巴扎黑オリジナル
2017-06-30 14:23:341427ブラウズ

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

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

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

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.

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的内容。 
});

labels.html を更新した後、IE7 のロード メソッドは依然として古い label.html を使用しており、更新キーを押してください。幸いなことに、jQuery には、ajax がキャッシュを使用しないようにするメソッドが用意されています。この問題を解決するには、head の

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

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

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

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

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

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

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

7599a483b8d1950a5a2f39feab9a65b6 ="- 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 サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。