jQuery ha XMLHTTPRequest sincrono deprecato

Come molti altri, il mio sito web utilizza jQuery. Quando apro gli strumenti per sviluppatori, vedo un avviso che dice che XMLHTTPRequest è

deprecato a causa dei suoi effetti dannosi per l'esperienza dell'utente finale.

Sono andato avanti e ho letto parte della documentazione , ma era abbastanza tecnica. Qualcuno può spiegare le conseguenze del passaggio da XMLHTTPRequest a WHATWG in termini semplici? Dice che è successo nel 2012.

Inoltre, la documentazione dice che Synchronous XMLHttpRequest al di fuori dei lavoratori è in procinto di essere rimosso dalla piattaforma web, quando ciò accade, se un agente utente li aveva in un servizio, ha bisogno di modificare il codice esistente?

Per evitare questo avviso, non utilizzare:

async: false

in una qualsiasi delle tue $.ajax()chiamate. Questa è l'unica caratteristica XMLHttpRequestdeprecata.

L'impostazione predefinita è async: true, quindi se non usi mai questa opzione, il tuo codice dovrebbe essere al sicuro se la funzione viene rimossa davvero.

Tuttavia, probabilmente non lo sarà: potrebbe essere rimosso dagli standard, ma scommetto che i browser continueranno a supportarlo per molti anni. Quindi, se hai davvero bisogno di AJAX sincrono per qualche motivo, puoi usare async: falsee ignorare gli avvisi. Ma ci sono buone ragioni per cui AJAX sincrono è considerato uno stile scadente, quindi probabilmente dovresti cercare di trovare un modo per evitarlo. E le persone che hanno scritto applicazioni Flash probabilmente non avrebbero mai pensato che sarebbero andate via, ma ora è in procinto di essere gradualmente eliminate.

Si noti che l' FetchAPI che sta sostituendo XMLHttpRequestnon offre nemmeno un'opzione sincrona.

La risposta accettata è corretta, ma ho trovato un'altra causa se stai sviluppando in ASP.NET con Visual Studio 2013 o versioni successive e sei sicuro di non aver effettuato alcuna richiesta ajax sincrona o di non aver definito script nel posto sbagliato.

La soluzione è disabilitare la funzione "Browser Link" deselezionando "Enable Browser Link" nel menu a tendina della barra degli strumenti di VS indicato dalla piccola icona di aggiornamento che punta in senso orario. Non appena lo fai e ricarichi la pagina, gli avvisi dovrebbero interrompersi!

Questo dovrebbe accadere solo durante il debug in locale, ma è comunque utile conoscere la causa degli avvisi.

Questo è successo a me avendo un collegamento a js esterni all'esterno della testa appena prima della fine della sezione del corpo. Sai, uno di questi:

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

Non aveva nulla a che fare con JQuery.

Probabilmente vedresti lo stesso fare qualcosa del genere:

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

Ma non ho provato quell'idea.

È stato menzionato come commento da @ henri-chan , ma penso che meriti un po 'più di attenzione:

Quando aggiorni il contenuto di un elemento con un nuovo html usando jQuery / javascript e questo nuovo html contiene <script>tag, questi vengono eseguiti in modo sincrono e quindi innescano questo errore. Lo stesso vale per i fogli di stile.

Sai che questo accade quando vedi (più) script o fogli di stile caricati come XHRnella finestra della console. (Firefox).

Nessuna delle risposte precedenti (che sono tutte corrette) era adatta alla mia situazione: non uso il asyncparametro in jQuery.ajax()e non includo un tag script come parte del contenuto che veniva restituito come:

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

La mia situazione è che sto chiamando due richieste AJAX consecutivamente con l'obiettivo di aggiornare due div contemporaneamente:

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();

Quando clicco su a.anchor3, solleva il flag di avviso.Ho risolto il problema sostituendo f2 invocando per click()funzione:

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

Il mio workabout: utilizzo richieste asincrone scaricando il codice in un buffer. Ho un ciclo che controlla il buffer ogni secondo. Quando il dump è arrivato al buffer eseguo il codice. Uso anche un timeout. Per l'utente finale la pagina funziona come se venissero utilizzate richieste sincrone.

Se carichiamo lo script in visualizzazione parziale, questo problema è in arrivo

1. Ho rimosso lo script in visualizzazione parziale e sono passato alla visualizzazione principale.

Questa soluzione funziona bene per me