jQueryは同期XMLHTTPRequestを非推奨にしました

他の多くの人と同様に、私のウェブサイトはjQueryを使用しています。開発者ツールを開くと、XMLHTTPRequestが

エンドユーザーのエクスペリエンスに悪影響を与えるため非推奨です。

続けてドキュメントの一部を読みましたが、かなり技術的でした。XMLHTTPRequestからWHATWGに移行した結果を誰かが簡単に説明できますか？それは2012年に起こったと述べています。

また、ドキュメントには、ワーカーの外部の同期XMLHttpRequestがWebプラットフォームから削除されている最中であると記載されています。その場合、ユーザーエージェントがサービスにそれらを持っている場合、既存のコードを変更する必要がありますか？

この警告を回避するには、以下を使用しないでください。

async: false

あなたの$.ajax()電話のいずれかで。これはXMLHttpRequest非推奨の唯一の機能です。

デフォルトはasync: trueなので、このオプションをまったく使用しない場合、機能が本当に削除されてもコードは安全です。

しかし、おそらくそうならないでしょう-それは標準から削除されるかもしれませんが、ブラウザは何年もの間それをサポートし続けるだろうと私は思うでしょう。したがって、何らかの理由で本当に同期AJAXが必要な場合はasync: false、警告を使用して無視することができます。しかし、同期AJAXが貧弱なスタイルと見なされるのには十分な理由があるため、おそらくそれを回避する方法を模索する必要があります。また、Flashアプリケーションを作成した人たちは、それがなくなるとは思ってもいませんでしたが、現在は段階的に廃止されようとしています。

Fetch置き換えられるAPI XMLHttpRequestは同期オプションさえ提供していないことに注意してください。

受け入れられた答えは正しいですが、Visual Studio 2013以降のASP.NETで開発していて、同期ajaxリクエストを作成したり、スクリプトを間違った場所に定義したりしていない場合は、別の原因が見つかりました。

解決策は、時計回りの小さな更新アイコンで示されるVSツールバードロップダウンの[ブラウザリンクを有効にする]をオフにして、[ブラウザリンク]機能を無効にすることです。これを実行してページをリロードするとすぐに、警告が停止するはずです！

これはローカルでデバッグしているときにのみ発生しますが、警告の原因を知っておくと便利です。

これは、ボディセクションの終わりの直前に、頭の外側にある外部jsへのリンクがあることによって起こりました。あなたは知っています、これらのうちの1つ：

<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()せず、返されるコンテンツの一部として次のようにスクリプトタグを含めていません。

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

私の状況では、2つのdivを同時に更新する目的で、2つのAJAXリクエストを連続して呼び出しています。

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と、警告フラグが発生します.f2呼び出しをclick()関数で置き換えることで問題を解決しました：

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

私の回避策：コードをバッファにダンプする非同期リクエストを使用します。毎秒バッファをチェックするループがあります。ダンプがバッファに到着したら、コードを実行します。タイムアウトも使用します。エンドユーザーの場合、ページは、同期リクエストが使用されるかのように機能します。

スクリプトを部分ビューでロードすると、この問題が発生します

1. 部分ビューでスクリプトを削除し、メインビューに移動しました。

このソリューションは私にとってうまくいきます