javascript - Synchronous XMLHttpRequest on the main thread is deprecated... Tried many different solution - Stack Overflow

admin管理员组

文章数量:1343328

I know this question was posted so many times in here, but I tried all the solutions I could find on stack overflow and none of them worked. I'm just trying to make a simple ajax query to load a page inside a div. Just as simple as:

function loadHome(){
$('#container').html('<div class="loader"></div>');
$.ajax({
    type: "GET",
    url: "home.php",
        success: function(msg){
            $("#container").html(msg);
        }
});
}

And on the console log I get

Synchronous XMLHttpRequest on the main thread is deprecated because of its detrimental effects to the end user's experience. For more help, check /

And some of my javascript on the home page will not work unless I reload the page. That page is by default loading home.php inside the div already, but I want it to load other pages and then when I click "home" it should load normally, and that's not happening because of that error. I already tried to use "async: true", didn't work. I don't know what to do.

I know this question was posted so many times in here, but I tried all the solutions I could find on stack overflow and none of them worked. I'm just trying to make a simple ajax query to load a page inside a div. Just as simple as:

function loadHome(){
$('#container').html('<div class="loader"></div>');
$.ajax({
    type: "GET",
    url: "home.php",
        success: function(msg){
            $("#container").html(msg);
        }
});
}

And on the console log I get

Synchronous XMLHttpRequest on the main thread is deprecated because of its detrimental effects to the end user's experience. For more help, check http://xhr.spec.whatwg/

And some of my javascript on the home page will not work unless I reload the page. That page is by default loading home.php inside the div already, but I want it to load other pages and then when I click "home" it should load normally, and that's not happening because of that error. I already tried to use "async: true", didn't work. I don't know what to do.

• javascript
• jquery
• ajax
• xmlhttprequest

Share Improve this question Follow edited Jan 6, 2016 at 7:42 Adam Azad 11.3k55 gold badges3131 silver badges7272 bronze badges asked Jan 6, 2016 at 7:39 Marciel FonsecaMarciel Fonseca 38111 gold badge44 silver badges2121 bronze badges 14

• try by using async: false – Parth Trivedi Commented Jan 6, 2016 at 7:46
• @ParthTrivedi - No!!!!!! async:false is a horrible remendation. It's a hack, leads to bad user experience and is not needed with proper async coding. – jfriend00 Commented Jan 6, 2016 at 7:47
• @ParthTrivedi that's why the warning arises. – Jai Commented Jan 6, 2016 at 7:47
• The code you show in your question does not lead to the message you show about synchronous XMLHttpRequest so something is wrong in your question. – jfriend00 Commented Jan 6, 2016 at 7:48
• Try finding if you used any .ajaxSetup() method and check for async:false there. – Jai Commented Jan 6, 2016 at 7:49

 |  Show 9 more ments

2 Answers 2

Sorted by: Reset to default 6

You should use local jquery then from cdn and also

To avoid this warning, do not use:

async: false

in any of your $.ajax() calls. This is the only feature of XMLHttpRequest that's deprecated.

The default is async: true, so if you never use this option at all, your code should be safe if the feature is ever really removed (it probably won't be -- it may be removed from the standards, but I'll bet browsers will continue to support it for many years).

Referance

I also notice the same problem when using the .load() function.

The method seems not deprecated by jquery but it causes Synchronous XMLHttpRequest alert too.

Prefer $.get(), $.post(), or $.ajax() methods instead.

本文标签：