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


jQuery.ajax() method's async option deprecated, what now?

从jQuery 1.8开始，不推荐在jQuery.ajax()中使用async:false。
但是，在后台正在进行的AJAX通信中，您在"加载屏幕"中看到了多少个网页？ 我可能已经看过数千个。

我的情况是我正在编写一个需要加载语言文件的移动应用程序。 在开始时，我加载语言文件，然后从语言文件中检索按钮和其他GUI元素的文本。

这对我来说真的很糟糕。 因为如果缺少语言文件，则不应出现GUI。 那么我该如何解决呢？ 把我所有的代码都放在success回调中？ 对我来说，这似乎不是一个好的编码实践。 我可以用另一种方式解决吗？

相关讨论

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

1
2
3
4
5
6
7
8
9
10
11
$(function() {
    show_overlay();        

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

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

  • 问题是为同步AJAX实现Promises(1)会给它们带来开销。

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

  • 当async false时，最近的解决方案(登陆1.8？)仅支持回调(但不支持Promises)。

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

相关讨论

我敢打赌，在等待AJAX??调用时，这1000个页面中的许多页面实际上并没有阻止UI。相反，他们可能在调用时使用等待屏幕模糊UI，然后在响应处理程序上删除它。

隐藏UI的方法有很多种(你甚至可以使用设置为Modal的jQuery UI对话框，没有转义或关闭按钮)，所以我会把这个决定留给你。但代码的布局将是这样的：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
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中 - 而是从那里调用一个启动代码运行的函数。