ホームページ >ウェブフロントエンド >jsチュートリアル >jquery を使用して JavaScript を動的にロードし、サーバーの負荷を軽減する_jquery

jquery を使用して JavaScript を動的にロードし、サーバーの負荷を軽減する_jquery

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBオリジナル
2016-05-16 17:48:411151ブラウズ

幸いなことに、jQuery には組み込みのユーティリティ関数が用意されており、$getScript() にはそのようなメソッドが用意されています。 Web ページに動的な機能を実装します。この関数の構文を見てみましょう:

$.getScript(url,callback)

url パラメーターで指定されたスクリプトを取得し、指定されたサーバーへの GET リクエストを使用します

パラメータ
URL() はスクリプト ファイルの URL を取得します。

コールバック (関数) オプションの関数は、ロード後にスクリプト ファイル内の関数を呼び出します。

具体的な実装プロセスは、

リソースからテキストをロードします。

|If文字列が成功すると、

はスクリプトを取得するために使用される XHR インスタンスを返します。

使い方は以下をご覧ください

new.js スクリプトファイルを作成します

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

var testVar = '新しい JS がロードされました!';
alert(testVar);
function newFun(dynParam);
alert( 'dynParam ' をパラメーターとして渡しました。');
}

HTML コード

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

<br><script type="text/javascript" src="../jquery.js"></script> <br><script type="text/javascript"> function() <BR>{ <BR>$('#loadButton').click(function(){ <BR>$.getScript('new.js',function(){ <BR>newFun('"新規チェック中script"');//この関数は new.js にあります。この関数はクリックされたときに実行されます <BR>}); <BR>}); <BR>}); <BR></script> <br> <br>
声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。