挿入された <スクリプト> を実行していますAJAX 後の取得 Web 開発では、 を含む HTML を挿入するのが一般的です。 AJAX 呼び出しを使用して、タグを既存の DOM 要素に追加します。ただし、これらのタグ内のスクリプトは常に正常に実行されるとは限りません。 「Content」という div に、AJAX 経由で PHP ファイルからのデータ (<script> など) が非同期的に入力される場合を考えてみましょう。 </p> <h3>スクリプトの実行エラーの解決</h3> <p>この問題に対処するには、次のコード スニペットを使用できます。</p> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre>var arr = MyDiv.getElementsByTagName('script'); for (var n = 0; n < arr.length; n++) eval(arr[n].innerHTML); //run script inside div</pre><div class="contentsignin">ログイン後にコピー</div></div> <p>このコードは、すべての <strong></strong></p> を動的に取得します。指定された div (「MyDiv」) 内の要素を取得し、それらを反復処理します。各 script タグについて、innerHTML プロパティ (タグ内に含まれるコード) を取得し、eval 関数を使用して実行します。これにより、挿入されたスクリプトは AJAX 呼び出しの完了後に確実に実行されます。
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
