jQuery-HTML中的脚本标签由jQuery解析并且不执行
我有这样的HTML页面：
<html>
<body>
<div id='something'>
...
<script>
var x = 'hello world';
</script>
...
</div>
</body>
</html>
在另一页上，我正在这样做：
$.ajax({
url: 'example.html',
type: 'GET',
success: function(data) {
$('#mydiv').html($(data).find('#something').html());
alert(x);
}
});
jQuery，但是，没有执行在第一个文件中的javascript，即使文档中说的那样。我该怎么做呢？
编辑：不幸的是，在现实世界中的应用程序中，我无法控制“包含”页面的内容。我们在同一个域中，但是我不能修改它输出的代码，因为它是打包产品，IT部门不允许我们对其进行修改。
郎朗坤浏览 857回答 3
3回答
-
交互式爱情
作为@James答案的替代方法，可以$.parseHTML()通过注意将包含脚本的布尔标志添加到来解析HTML字符串true：$.ajax({ url: 'example.html', type: 'GET', success: function(data) { var content = $($.parseHTML(data, document, true)).find('#something'); $('#mydiv').html(content); }});这样，可以执行嵌入在下载文本中的任何脚本。 -
翻翻过去那场雪
我对此不太确定，但是可能发生的情况是，当jQuery从构建片段时$(data)，脚本标记在那时丢失了。如果您可以将包含的页面安排成一个片段：<div id='something'> <!-- ... --> <script>var x = 'hello world';</script></div>没有其他周围的东西，那么您的成功回调可以做到这一点：success: function(data) { $('#mydiv').html(data);}现在，这些脚本标签将由jQuery html()函数注意，该函数显式查找它们并将其删除。但是，它确实保留了这些脚本块，并在完成目标内容的更新后执行它们。
随时随地看视频慕课网APP
相关分类
JavaScript
JQuery