JavaScript console.log导致错误:“主线程上的同步XMLHttpRequest已弃用…”

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

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

主线程上的同步XMLHttpRequest已弃用，因为它会对最终用户的体验产生不利影响。更多帮助http://xhr.spec.whatwg.org/

我可以在我的代码使用中添加哪些不会导致此错误的console.log替代品或包装器?

我“做错了”吗?

当前回答

我在以下情况下得到这样的警告:

1) file1包含<script type="text/javascript" src="/javascript/jquery-1.10.2.js"></script>. js"页面有输入字段。我在输入字段中输入一些值，然后点击按钮。Jquery向外部php文件发送输入。

2)外部PHP文件也包含jquery，在外部PHP文件中我还包括<script type="text/javascript" src="/javascript/jquery-1.10.2.js"></script>. js。因为如果这样我就会收到警告。

从外部php文件中删除<script type="text/javascript" src="/javascript/jquery-1.10.2.js"></script>，并且没有警告。

正如我所理解的加载第一个文件(file1)，我加载jquery-1.10.2.js，作为页面不重新加载(它发送数据到外部php文件使用jquery $.post)，然后jquery-1.10.2.js继续存在。所以不需要再加载了。

其他回答

我在以下情况下得到这样的警告:

2)外部PHP文件也包含jquery，在外部PHP文件中我还包括<script type="text/javascript" src="/javascript/jquery-1.10.2.js"></script>. js。因为如果这样我就会收到警告。

从外部php文件中删除<script type="text/javascript" src="/javascript/jquery-1.10.2.js"></script>，并且没有警告。

在我的特殊情况下，我呈现了一个没有渲染布局的Rails部分:false，这是重新渲染整个布局，包括<head>标记中的所有脚本。添加渲染布局:false控制器动作修复了这个问题。

为避免此警告，请不要使用:

async: false

在任何$.ajax()调用中。这是XMLHttpRequest唯一被弃用的特性。

默认为

async: true

jQuery已经弃用了同步XMLHTTPRequest

对我来说，问题是在OK请求中，我期望ajax响应是一个格式良好的HTML字符串，如表格，但在这种情况下，服务器在请求中遇到了问题，重定向到错误页面，因此返回错误页面的HTML代码(在某处有一个<script标记)。我控制台记录了ajax响应，这时我意识到它不是我所期望的，然后继续进行调试。

这个问题在我的案例中得到了解决。

$.ajaxPrefilter(function( options, original_Options, jqXHR ) {
    options.async = true;
});

这个答案被插入到这个链接中

https://stackoverflow.com/questions/28322636/synchronous-xmlhttprequest-warning-and-script

推荐文章