innerHTML を使用して AJAX リクエストの後に挿入されたスクリプトを実行する方法

AJAX リクエスト後の innerHTML 経由で挿入されたスクリプトの実行

AJAX を使用して要素にサーバー側スクリプトからのデータを入力する場合、次のようになります。そのデータ内に script タグを含めるのが一般的です。ただし、デフォルトでは、これらの挿入されたスクリプトは実行されません。この記事では、AJAX 呼び出しの後にこのようなスクリプトを実行するソリューションを紹介します。

問題:

データ (< を含む) を動的に受信する ID が "Content" の div について考えてみましょう。 ;スクリプト> AJAX 経由で PHP ファイルからタグを取得します。 script タグが存在するにもかかわらず、その中のコードは実行されないままになります。

<div>

解決策:

innerHTML 経由で挿入されたスクリプトを実行するには、次のコードを使用します。 :

var arr = MyDiv.getElementsByTagName('script');
for (var n = 0; n < arr.length; n++)
    eval(arr[n].innerHTML); //run script inside div

このコードは <スクリプト> を取得します。 getElementsByTagName を使用して「MyDiv」要素からタグを取得します。次に、これらのタグを反復処理して innerHTML を評価し、タグ内のコードを効果的に実行します。

以上がinnerHTML を使用して AJAX リクエストの後に挿入されたスクリプトを実行する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。