jQueryロードメソッドの使用法 collection_jquery

load メソッドを呼び出す完全な形式は次のとおりです:load(url, [data], [callback])。
url: はインポートされるファイルのアドレスを指します。
data: オプションのパラメータ。Load は静的 HTML ファイルだけでなく、PHP ファイルなどの動的スクリプトもインポートできるため、動的ファイルをインポートする場合は、ここに渡すパラメータを指定できます。
callback: オプションのパラメータ。load メソッドを呼び出してサーバーから応答を取得した後に実行される別の関数を指します。
1: データの使用方法
1. 渡すパラメーターを含まない PHP ファイルをロードします
$("#myID").load("test.php") ;
//ID #myID
2 の要素で test.php を実行した後の結果をインポートします。
$("#myID") を含む php ファイルを読み込みます。 php",{"name" : "Adam"});
//インポートされた php ファイルには、次のような受け渡しパラメータが含まれています: test.php?name=Adam
3. PHP ファイル、つまり 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");
//ページが読み込まれると、DOM 要素がID #labels labels.html のコンテンツを


に挿入します。labels.html を更新した後も、IE7 のロード メソッドは古い label.html を使用します。更新キーを押しても機能しません。幸いなことに、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 ファイルの先頭に次のステートメントを追加します。
="Expires " CONTENT="-1">
4. ロード関数は HTML を呼び出すだけでなく、php ファイルのヘッダー関数も使用できます。 >



コードをコピー

コードは次のとおりです: header("Cache -コントロール: no-cache、must-revalidate" );

?>

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

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