jqueryのロード方法の使い方と注意事項説明

2234 ワード

ロードメソッドを呼び出す完全なフォーマットは、ロード(url,[data],[calback])であり、url:ファイルをインポートする住所を指します。data:オプションパラメータ;Loadは静的なhtmlファイルだけではなく、ダイナミックスクリプト、例えばPHPファイルを導入することができますので、動的ファイルを導入する場合は、転送するパラメータをここに置いてもいいです。calback:オプションパラメータ;ロードメソッドを呼び出してサーバの応答を得て実行する別の関数です。
一:どのようにdata 1を使用しますか?phpファイルをロードします。このphpファイルには伝達パラメータが含まれていません。IDという要素にtest.phpを導入して運転した結果
2.転送パラメータを含むphpファイルをロードします。導入したphpファイルには転送パラメータが含まれています。test.php?name=Adam
3.複数の転送パラメータを含むphpファイルをロードします。注:パラメータ間はカンマで区切られています。導入されたphpファイルには、test.php?name=Adam&site=61 dh.comのような伝達パラメータが含まれています。
4.転送パラメータとして配列されたphpファイルをロードします。ロード("test.php"、{'myinfo[]、["Adam"、""61 dh.com]))。インポートされたphpファイルには、配列伝達パラメータが含まれています。注意:loadを使うと、これらのパラメータはPOSTで伝達されますので、test.phpではGETでパラメータを取得することができません。
二:どのようにcalbackを使えばいいですか?例えば、ロード方法でサーバーの応答を得てから、ロードされた内容をゆっくりと表示して、calback関数を使うことができます。
コードは以下の通りです。

$("#go").click(function(){
$("#myID").load("welcome.php", {"lname" : "Cai", "fname" : "Adam", function(){
$("#myID").fadeIn('slow');}
);
});
はjqueryがキャッシュを使用することを防止する方法です。キャッシュというものは、ある程度ページのロードを速めました。上記の文章では、jQueryでのロードの使い方を簡単に紹介しました。実際の運用では、ブラウザのキャッシュに問題があるかもしれません。例えば、私はIE 7でこの問題に遭遇しました。
jQuery Loadサンプルコード:

$(document).ready(function(){
$("#labels").load("/blog/categories/labels.html");
// , ID #labels DOM labels.html 。
});
labelsを更新した後、IE 7のロード方法は依然として古いlabelsを使っています。更新キーを押しても使えません。幸い、jQueryはajaxがキャッシュを使うことを防止する方法を提供しています。次の文をheadのjavascriptファイルに加えると、問題を解決できます。

$.ajaxSetup ({
cache: false // AJAX
});
また、いくつかの方法でキャッシュを解決する方法を紹介します。注意:私はjQuery loadの問題でテストしたことがありません。これらの方法は参考にしてください。
1.ファイル名を変更します。例えば、labelsをlables_に変更します。new.ですが、これは方法がないので、普通は誰もこのようにしていません。
2.labels.に特定の時間を加えて、例えばlables.20081116。実際の仕事では、css/javascriptファイルを更新してから、このような方法でファイルがキャッシュされないようにします。
3.labels.ファイルのトップに以下の声明を入れます。
4.ロード関数はHTMLを呼び出すだけでなく、scriptを呼び出すこともできます。例えばlabels.phpは、phpファイルでheader関数を使用できます。例:私はロードtestが必要です。IDをaの内容として取ります。body").load("test")菗a";