javascript - Ajax异步: false freezes web page during loading in slow network

Question

我对网页使用 jquery AJAX 并使用 async : false 选项，如下所示。我客户的网络速度很慢。当我尝试从服务器加载网页时，网页速度很慢并且所有控件都被卡住。那“async:false”有问题吗？这是我的代码

function ajaxRequestWithNoArguments(url) {
    return $.ajax({
        url: urlForPhp + '/' + url,
        data: '',
        dataType: 'JSON',
        async: false,
        method: 'POST'
    });
}

Answer 1

When I try to load the web page from the server web page is slow and all the controls are freeze. Is that "async:false" matter?

是的，这正是您不应该使用 async:false 的原因，它用于非常特殊的情况，听起来您不需要它。使请求同步意味着浏览器将暂停程序执行(也卡住所有 UI)，直到请求完成、数据加载回并处理。在大多数情况下你不想要它，这就是为什么你需要使用默认的 async: true。

function ajaxRequestWithNoArguments(url) {
    return $.ajax({
        url: urlForPhp + '/' + url,
        data: '',
        dataType: 'JSON',
        method: 'POST'
    });
}

返回 Promise 对象是处理异步函数的便捷方法。在这种情况下，您将使用 ajaxRequestWithNoArguments，如下所示:

ajaxRequestWithNoArguments('/some/url').then(function(response) {
    console.log('Data loaded', response);
});