从 jQuery 1.8 开始，在 jQuery.ajax() 中使用 async:false 已弃用。
但是，在后台正在进行 AJAX 通信的情况下，您见过多少带有“加载屏幕”的网页？我可能见过成千上万的人。
我的情况是我正在编写一个需要加载语言文件的移动应用程序。在开始时，我加载语言文件并从语言文件中检索按钮的文本和其他 GUI 元素。
这对我来说真的很糟糕。因为如果缺少语言文件，则不应出现 GUI。那么我该如何解决呢？将我所有的代码放在success 回调中？对我来说，这似乎不是一个好的编码实践。我可以用其他方法解决吗？
【问题讨论】：
async=false is `sync ;)
解决方法是手动添加一个覆盖层，防止用户与界面交互，然后在 AJAX 查询完成后将其移除。
$(function() {
show_overlay();
$.ajax({
// Query to server
}).done(function() {
// Verify good data
// Do stuff
remove_overlay();
});
});
【讨论】：
show_overlay() 是一个假设函数，它显示一个隐藏界面的元素，例如一个 div，它用高 z-index 填充视口并包含一些内容。
$().html(data) 加载它呢？
body.untouchable *{pointer-events:none !important; cursor: wait !important;}.
我在工单中阅读了关于弃用此参数的official discussion，这是我的理解：
在现实世界中有大量同步 AJAX 的用例，例如在页面卸载之前保留状态。因此，此功能将保留，但您使用它的方式可能会改变。
当async 是false 时，最接近的解决方案（登陆1.8？）是只支持回调（但不支持Promises）。
总结：如果需要，请继续使用async: false，但要注意它的缺点（阻塞虚拟机）。不用担心，如果此功能从 $.ajax() 中删除，您将获得替代方案。
【讨论】：
我敢打赌，这 1000 个页面中的 许多 在等待 AJAX 调用时实际上并没有阻塞 UI。相反，它们可能会在调用时用等待屏幕遮挡 UI，然后在响应处理程序上将其删除。
有很多方法可以隐藏 UI（您甚至可以使用设置为 Modal 且没有转义或关闭按钮的 jQuery UI 对话框），所以我将由您决定。但是代码的布局是这样的：
var someFunction = function () {
// any pre-conditions to the logic
// obscure the UI here
$.ajax({
url: 'ajax/test.html',
success: function(data) {
// handle the response
// show the UI again
},
error: function(data) {
// handle the response
// show the UI again
}
});
}
我确信有多种方法可以实现该事件顺序，但这是大体思路。阻止 UI 从来都不是真正的意图，我想 jQuery 决定 包含 这个功能比 删除 它更难。它是异步的。
【讨论】：
为什么要使用 ajax 来获取这个文件？只需使用 script 标记将其包含在内。
在任何情况下，您都不会将所有代码都放在 onSuccess 中 - 而是从那里调用一个函数来启动您的代码运行。
【讨论】：