首頁 >web前端 >js教程 >如何確保注入的 `` 標籤在 AJAX 檢索後執行?

如何確保注入的 `` 標籤在 AJAX 檢索後執行?

Mary-Kate Olsen
Mary-Kate Olsen原創
2024-11-18 07:28:02477瀏覽

How Can I Ensure Injected `` Tags Execute After AJAX Retrieval?

執行注入的<script>; AJAX後檢索</script>

在Web開發中,注入HTML是很常見的,包括<script>;使用AJAX 呼叫將標籤新增到現有DOM 元素中。但是,這些標記內的腳本可能並不總是成功執行。考慮名為「Content」的 div 的情況,該 div 透過 AJAX 使用 PHP 檔案中的資料非同步填充,其中包括 <script> 。 </script>

解決腳本執行失敗

要解決此問題,可以使用以下程式碼片段:

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

此程式碼動態擷取所有 <script> 標籤。指定 div (“MyDiv”) 中的元素並迭代它們。對於每個腳本標籤,它會檢索innerHTML 屬性(標籤內包含的程式碼)並使用<strong>eval 函數執行它。這確保了 AJAX 呼叫完成後執行注入的腳本。 </script>

以上是如何確保注入的 `` 標籤在 AJAX 檢索後執行?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn