jQuery已弃用同步XMLHTTPRequest

像许多其他网站一样，我的网站使用的是jQuery。打开开发人员工具时，我看到一条警告，指出XMLHTTPRequest是

不推荐使用，因为它对最终用户的体验有不利影响。

我继续阅读了部分文档，但这是相当技术性的。有人可以用简单的术语解释从XMLHTTPRequest转换为WHATWG的后果吗？它说发生在2012年。

此外，该文档还说，正在从Web平台删除工作人员外部的Synchronous XMLHttpRequest，当发生这种情况时，如果用户代理将它们放在服务中，他们是否需要修改其现有代码？

为避免此警告，请勿使用：

async: false

在您的任何$.ajax()通话中。这是XMLHttpRequest不推荐使用的唯一功能。

默认值为async: true，因此，如果您根本不使用此选项，则如果确实删除了该功能，则代码应该是安全的。

但是，可能不会-可能会将其从标准中删除，但是我敢打赌，浏览器将继续支持它很多年。因此，如果由于某种原因确实需要同步AJAX，则可以使用async: false并忽略警告。但是有充分的理由将同步AJAX视为劣质样式，因此您应该尝试找到一种避免这种方式的方法。而且编写Flash应用程序的人可能也从未想到它会消失，但是现在正在逐步淘汰它。

请注意，Fetch要替换的API XMLHttpRequest甚至没有提供同步选项。

可接受的答案是正确的，但是如果您使用Visual Studio 2013或更高版本在ASP.NET下进行开发，并且确定没有进行任何同步ajax请求或在错误的位置定义脚本，则我发现了另一个原因。

解决方案是通过在VS工具栏下拉菜单中取消选中“启用浏览器链接”来禁用“浏览器链接”功能，该工具栏下拉菜单由顺时针指向的小刷新图标指示。完成此操作并重新加载页面后，警告应停止！

这仅应在本地调试时发生，但是知道警告的原因仍然很高兴。

这是通过在主体部分结尾之前在头部外部链接到外部js发生的。您知道，其中之一：

<script src="http://somesite.net/js/somefile.js">

它与JQuery没有任何关系。

您可能会看到类似的操作：

var script = $("<script></script>");
script.attr("src", basepath + "someotherfile.js");
$(document.body).append(script);

但是我还没有检验过这个想法。

@ henri-chan曾将其作为评论提到，但我认为值得更多关注：

当您使用jQuery / javascript用新的html更新元素的内容，并且此新的html包含<script>标签时，这些标签将同步执行，从而触发此错误。样式表也是如此。

您知道XHR在控制台窗口中看到正在加载的（多个）脚本或样式表时，这种情况正在发生。（Firefox）。

以前的答案（都正确）中没有一个适合我的情况：我没有在中使用async参数，jQuery.ajax()也没有在返回的内容中包含script标记，例如：

<div> 
     SOME CONTENT HERE
</div>
<script src="/scripts/script.js"></script> 

我的情况是，我要连续调用两个AJAX请求，以同时更新两个div：

function f1() {
     $.ajax(...); // XMLHTTP request to url_1 and append result to div_1
}

function f2() {
     $.ajax(...); // XMLHTTP request to url_2 and append result to div_2
}

function anchor_f1(){
$('a.anchor1').click(function(){
     f1();
})
}

function anchor_f2(){
$('a.anchor2').click(function(){
     f2();
});
}

// the listener of anchor 3 the source of problem
function anchor_problem(){
$('a.anchor3').click(function(){
     f1();
     f2();
});
}

anchor_f1();
anchor_f2();
anchor_problem();

当我点击时a.anchor3，它会发出警告标志。我通过用click()函数替换f2调用解决了这个问题：

function anchor_problem(){
$('a.anchor_problem').click(function(){
     f1();
     $('a.anchor_f2').click();
});
}

我的解决方法：我使用异步请求将代码转储到缓冲区。我有一个循环每秒检查一次缓冲区。当转储到达缓冲区时，我执行代码。我也使用超时。对于最终用户，该页面就像使用同步请求一样工作。

如果我们在局部视图中加载脚本，那么这个问题就来了

1. 我在局部视图中删除了脚本，然后移至主视图。

这个解决方案对我来说很好