javascript - 通过ajax返回的html中的JS代码未执行

Question

例如，假设我运行了一个 ajax 调用，返回的数据类似于：

<article>
    <h2>Howdy</h2>
    <script type="text/javascript">
        alert('hi');
        posts[23] = 'this wont get added into the posts array';
    </script>
</article>

然后我将这个返回的数据直接插入到页面上已经存在的 div 中。所有的 javascript 都不会执行。我该如何正确地做到这一点并使其发挥作用？我对返回的内容没有太多控制权，因此返回 json 不是一种选择。

谢谢！

Answer 1

要执行插入到您的 html 中的 JS 代码，您可以使用 eval() 函数。例如：eval(document.getElementById('myJSDiv').innerHTML);希望这就是你要找的。