jQuery เลิกใช้ XMLHTTPRequest แบบซิงโครนัสแล้ว

เช่นเดียวกับคนอื่น ๆ เว็บไซต์ของฉันใช้ jQuery เมื่อฉันเปิดเครื่องมือสำหรับนักพัฒนาฉันเห็นคำเตือนที่ระบุว่า XMLHTTPRequest คือ

เลิกใช้งานเนื่องจากผลกระทบที่เป็นอันตรายต่อประสบการณ์ของผู้ใช้ปลายทาง

ฉันอ่านบางส่วนของเอกสารแต่มันค่อนข้างเป็นเทคนิค มีใครสามารถอธิบายผลของการเปลี่ยนจาก XMLHTTPRequest เป็น WHATWG ได้หรือไม่? กล่าวว่าเกิดขึ้นในปี 2555

นอกจากนี้เอกสารยังระบุด้วยว่า Synchronous XMLHttpRequest ภายนอกคนงานกำลังอยู่ในขั้นตอนการลบออกจากแพลตฟอร์มเว็บเมื่อเป็นเช่นนั้นหากตัวแทนผู้ใช้มีพวกเขาในบริการพวกเขาจำเป็นต้องแก้ไขโค้ดที่มีอยู่หรือไม่

เพื่อหลีกเลี่ยงคำเตือนนี้อย่าใช้:

async: false

ในทุกการ$.ajax()โทรของคุณ นี่เป็นคุณลักษณะเดียวXMLHttpRequestที่เลิกใช้งานแล้ว

ค่าเริ่มต้นคือasync: trueดังนั้นหากคุณไม่เคยใช้ตัวเลือกนี้เลยโค้ดของคุณจะปลอดภัยหากคุณลักษณะนี้ถูกลบออกไปจริงๆ

อย่างไรก็ตามมันอาจจะไม่เป็นเช่นนั้น - อาจถูกลบออกจากมาตรฐาน แต่ฉันพนันได้เลยว่าเบราว์เซอร์จะยังคงให้การสนับสนุนต่อไปอีกหลายปี ดังนั้นหากคุณต้องการ AJAX แบบซิงโครนัสด้วยเหตุผลบางประการคุณสามารถใช้async: falseและเพิกเฉยต่อคำเตือนได้ แต่มีเหตุผลที่ดีว่าทำไม AJAX แบบซิงโครนัสจึงถือว่าเป็นรูปแบบที่ไม่ดีดังนั้นคุณควรพยายามหาทางหลีกเลี่ยง และคนที่เขียนแอปพลิเคชั่น Flash อาจไม่เคยคิดว่ามันจะหายไปเช่นกัน แต่มันอยู่ในขั้นตอนการยุติ

โปรดสังเกตว่าFetchAPI ที่แทนที่XMLHttpRequestไม่มีแม้แต่ตัวเลือกซิงโครนัส

คำตอบที่ยอมรับนั้นถูกต้อง แต่ฉันพบสาเหตุอื่นหากคุณกำลังพัฒนาภายใต้ ASP.NET ด้วย Visual Studio 2013 ขึ้นไปและแน่ใจว่าคุณไม่ได้ทำคำขอ ajax แบบซิงโครนัสหรือกำหนดสคริปต์ใด ๆ ผิดที่

วิธีแก้ปัญหาคือปิดใช้งานคุณสมบัติ "Browser Link" โดยยกเลิกการเลือก "Enable Browser Link" ในเมนูแบบเลื่อนลงของแถบเครื่องมือ VS ที่ไอคอนรีเฟรชเล็ก ๆ ชี้ตามเข็มนาฬิกา ทันทีที่คุณดำเนินการนี้และโหลดหน้าซ้ำคำเตือนควรหยุดลง!

สิ่งนี้ควรเกิดขึ้นในขณะที่ดีบักในเครื่องเท่านั้น แต่ก็ยังดีที่ทราบสาเหตุของคำเตือน

สิ่งนี้เกิดขึ้นกับฉันโดยมีลิงก์ไปยัง js ภายนอกที่อยู่ด้านนอกหัวก่อนส่วนท้ายของส่วนเนื้อหา คุณรู้หรือไม่ว่าหนึ่งในนั้น:

<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แต่ฉันคิดว่ามันสมควรได้รับความสนใจมากกว่านี้:

เมื่อคุณอัปเดตเนื้อหาขององค์ประกอบด้วย html ใหม่โดยใช้ jQuery / javascript และ html ใหม่นี้มี<script>แท็กสิ่งเหล่านี้จะถูกดำเนินการพร้อมกันและทำให้เกิดข้อผิดพลาดนี้ เช่นเดียวกันกับสไตล์ชีต

คุณจะรู้ว่าสิ่งนี้เกิดขึ้นเมื่อคุณเห็น (หลาย) สคริปต์หรือสไตล์ชีทถูกโหลดXHRในหน้าต่างคอนโซล (Firefox)

ไม่มีคำตอบก่อนหน้านี้ (ซึ่งทั้งหมดถูกต้อง) ที่เหมาะกับสถานการณ์ของฉัน: ฉันไม่ได้ใช้asyncพารามิเตอร์ในjQuery.ajax()และฉันไม่รวมแท็กสคริปต์เป็นส่วนหนึ่งของเนื้อหาที่ถูกส่งกลับเช่น:

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

สถานการณ์ของฉันคือฉันกำลังเรียกคำขอ AJAX สองรายการติดต่อกันโดยมีจุดประสงค์เพื่ออัปเดตสอง div ในเวลาเดียวกัน:

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. ฉันลบสคริปต์ในมุมมองบางส่วนและย้ายไปที่มุมมองหลัก

วิธีนี้ใช้ได้ผลดีสำหรับฉัน