我有一个像这样的 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 部门不允许我们修改的打包产品。
正如 Pointy指出的（请原谅双关语），当您将 HTML 传递给$(). 但是它并没有删除它们——它只是将它们添加到从您的 HTML 生成的 DOM 集合中。您可以像这样执行脚本：
$.ajax({
url: 'example.html',
type: 'GET',
success: function(data) {
var dom = $(data);
$('#mydiv').html(dom.find('#something').html());
dom.filter('script').each(function(){
$.globalEval(this.text || this.textContent || this.innerHTML || '');
});
}
});
作为@James 答案的替代方法，可以使用 来解析 HTML 字符串$.parseHTML()，注意将包含脚本的布尔标志添加到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);
}
现在这些脚本标签会被 jQueryhtml()函数注意到，它会显式地查找它们并将它们去除。然而，它确实保留了这些脚本块，并在完成更新目标内容后执行它们。
方案一：服务器返回准确内容
$.ajax({
url: 'example.html',
type: 'GET',
success: function(data) {
$('#mydiv').html(data);
}
});
解决方案2：使用innerHTML
$.ajax({
url: 'example.html',
type: 'GET',
success: function(data) {
var dom = $(data);
$('#mydiv').html(dom.find('#something')[0].innerHTML);
}
});
我希望第一页正在执行 JavaScript，但是这不能从第二页访问，所以alert(x)不会工作
如果要x返回，则必须将其输出到 AJAX 响应。