JavaScript控制台。日志导致错误：“主线程上的同步XMLHttpRequest已弃用…”

Question

我一直在向控制台添加日志以检查不同变量的状态，而无需使用 Firefox 调试器。

然而，在我将< code>console.log添加到< code>main.js文件的许多地方，我收到了以下错误，而不是我写给自己的可爱的小消息:

主线程上的同步XMLHttp请求已被弃用，因为它对最终用户的体验有不利影响。如需更多帮助http://xhr.spec.whatwg.org/

＜code＞控制台的替代品或包装器是什么。log我可以添加到不会导致此错误的代码中吗？

我“做错了”吗？

Answer 1

我也面临着同样的问题，但能够通过放置async: true来修复它。我知道这在默认情况下是正确的，但是当我显式地写它时，它是有效的

$.ajax({
   async: true,   // this will solve the problem
   type: "POST",
   url: "/Page/Method",
   contentType: "application/json",
   data: JSON.stringify({ ParameterName: paramValue }),
});

Answer 2

警告消息可能是由于主线程中的 XMLHttpRequest 请求将异步标志设置为 false。

https://xhr.spec.whatwg.org/#synchronous-标志：

工作人员之外的同步XMLHttp请求正在从Web平台中删除，因为它对最终用户的体验有不利影响。（这是一个需要多年时间的漫长过程。）当JavaScript全局环境是文档环境时，开发人员不得为异步参数传递false。强烈建议用户代理在开发人员工具中警告此类使用情况，并可能在发生时尝试抛出InvalidAccessError异常。

未来的方向是在工作线程中只允许XMLHttpRequests。这一信息旨在对此发出警告。

Answer 3

我在偷懒时遇到了这种情况，在返回的内容中包含了一个脚本标记。像这样的：

部分HTML内容：

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

至少在我的例子中，如果你通过xhr返回这样的超文本标记语言内容，你将导致jQuery调用以获取该脚本。该调用发生时带有异步标志false，因为它假定你需要脚本才能继续加载。

在这种情况下，您最好查看某种绑定框架并返回JSON对象，或者根据您的后端和模板，您可以更改加载脚本的方式。

你也可以使用 jQuery 的 getScript（） 来获取相关的脚本。这是一个小提琴，它只是jQuery示例的直接副本，但是当以这种方式加载脚本时，我没有看到任何警告。

实例

<script>
var url = "/scripts/script.js";
$.getScript(url);
</script>

http://jsfiddle.net/49tkL0qd/