不推荐使用jQuery.ajax（）方法的异步选项，现在怎么办？

Question

不推荐使用jQuery.ajax（）方法的异步选项，现在怎么办？在jQuery 1.8中，使用async:false在jQuery.ajax（）被弃用。但是，在后台正在进行的AJAX通信中，您在“加载屏幕”中看到了多少个网页？我可能已经看过数千个。我的情况是我正在编写一个需要加载语言文件的移动应用程序。在开始时，我加载语言文件，然后从语言文件中检索按钮和其他GUI元素的文本。这对我来说真的很糟糕。因为如果缺少语言文件，则不应出现GUI。那么我该如何解决呢？把我所有的代码都放在success回调中？这对我来说似乎不是一个好的编码实践。我可以用另一种方式解决吗？

Answer 1

解决方案是手动添加覆盖以防止用户与界面交互，然后在完成AJAX查询后将其删除。

$(function() {
    show_overlay();        

    $.ajax({
        // Query to server
    }).done(function() {
        // Verify good data
        // Do stuff
        remove_overlay();
    });});

Answer 2

我在票证中看到了关于这个参数弃用的官方讨论，这是我所理解的：

• 问题是为同步AJAX 实现Promise s（1）会给它们带来开销。

• 有许多实际的同步AJAX用例，例如在页面卸载之前保留状态。因此，此功能将保留，但您使用它的方式可能会改变。

• 最近的溶液（降落在1.8？）是只支持回调（但不承诺），当async是false。

总结：async: false如果必须继续使用，但要注意其缺点（阻止VM）。不用担心，如果此功能被删除，您将获得替代方案$.ajax()。

Answer 3

我敢打赌，在等待AJAX调用时，这1000个页面中的许多页面实际上并没有阻止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 包含该功能比删除它更困难。它意味着异步。