Question

从jQuery 1.8开始，jQuery.ajax()中async:false的使用已弃用。
但是，在后台正在进行的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

我在故障单中阅读了关于此参数弃用的official discussion，以下是我的理解：

问题是为同步AJAX实施Promise s（1）会给他们带来开销。
有许多同步AJAX的真实用例，例如：在页面卸载之前保留状态。因此，此功能将保留，但您使用它的方式可能会发生变化。
当async为false时，最近的解决方案（登陆1.8？）是仅支持回调（但不支持Promises）。

结束：如果必须，请继续使用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是一个更难以决定删除它的功能。它意味着异步。

Answer 4

为什么要使用ajax来获取此文件？只需使用script代码包含它。

在任何情况下，您都不会将所有代码放在onSuccess中 - 而是从那里调用一个启动代码运行的单个函数。

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

4 个答案: