この記事の例では、スクリプトを動的に実行する jQuery ajax メソッドについて説明します。皆さんの参考に共有してください。具体的な分析は次のとおりです。 ページを最初に読み込むときに、必要な JavaScript をすべて取得する必要がない場合があります。取得する必要がある具体的なスクリプトは、ユーザーの操作によって異なります。必要に応じて タグを動的に含めることもできますが、必要なコードを挿入するより洗練された方法は、jQueiy を介して .js ファイルを直接ロードすることです。 </p> <p>ページへのスクリプトの挿入は、HTML フラグメントを読み込むのと同じくらい簡単です。ただし、この場合は、グローバル関数 $.getScript() を使用する必要があります。このグローバル関数はその兄弟関数と似ており、スクリプト ファイルを見つけるために URL パラメーターを受け入れます: </p> <p></p> <div class="codetitle"> <span><a style="CURSOR: pointer" data="3193" class="copybut" id="copybut3193" onclick="doCopy('code3193')"><u>コードをコピー</u></a></span> コードは次のとおりです。</div> <div class="codebody" id="code3193">$(document).ready(function() {<br> $('#letter-c a').click(function(event) {event.preventDefault();<br> $.getScript('c.js');<br> });<br> });</div> <p>前の例では、次に行うべきことは、ロードされたファイルを効率的に使用するために、結果のデータを処理することです。ただし、スクリプト ファイルを使用すると、このプロセスが自動化され、スクリプトが自動的に実行されます。 <br> この方法で取得されたスクリプトは、現在のページのグローバル環境で実行されます。これは、スクリプトが jQuery 自体を含むグローバル環境で定義された関数と変数にアクセスできることを意味します。したがって、JSON の例を模倣して、スクリプトの実行時に HTML をページに挿入するスクリプト コードを準備できます。ここで、次のスクリプト コードを c.js に保存します: <br> </p> <div class="codetitle"> <span><a style="CURSOR: pointer" data="94907" class="copybut" id="copybut94907" onclick="doCopy('code94907')"><u>コードをコピー</u></a></span> コードは次のとおりです。</div> <div class="codebody" id="code94907">varエントリー = [<br> {<br> "用語": "災難",<br> "部分": "n.",<br> <br> <br> "定義": "通常よりも単純で...<br> }、<br> {<br> "用語": "人食い",<br> "部分": "n.",<br> "定義": "昔ながらの美食家で..."<br> }、<br> {<br> "用語": "子供時代"、<br> "部分": "n.",<br> "定義": "人間の人生の中間期..."<br> }<br> //内容の省略<br> ];<br> var html ='';<br> $.each(entries, function() {<br> html = '<div class="entry">';<br> html = '<h3 class="term">' this.term '</h3>';<br> html = '<div class="part">' this.part '</div>';<br> html = '<div class="定義">' this.定義 '</div>';<br> html = '</div>';<br> });<br> $('#dictionary').html(html);</div> <br> 最後に、「c」リンクをクリックすると、期待した結果が表示されるはずです。 <p>この記事が皆さんの jQuery プログラミングに役立つことを願っています。 </p>
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
