运行jQuery函数.Ajax等待响应的时间足够长

Question

我有一个jQuery代码，简单地使一些ajax请求。

大多数情况下，得到响应的时间不到一秒钟，所以我可以把结果显示给用户。

但有时(大约5%的重新加载)需要几秒钟(我对此很满意，服务器有点忙)。

我想显示"请等待"文本，当它需要超过2秒。但如果时间少于2秒(这样用户就不会对快速显示/隐藏消息感到困惑)。

如何以最有效和最简单的方式制作?

当前jQuery代码:

jQuery.ajax({
    url: "loadData.php",
    dataType: 'json',
    type: 'GET',
    success: function(result){
        showResultsToUser(result);
    }
});

Answer 1

像这样:

var cancelMe = setTimeout(function() {
   $('#loading').show(); // assuming your loading element has the id "loading"
}, 2000); // show loading element in 2 seconds
jQuery.ajax({
    url: "loadData.php",
    dataType: 'json',
    type: 'GET',
    success: function(result){
        showResultsToUser(result);
        clearTimeout(cancelMe); // don't run if it hasn't run yet
        $('#loading').hide(); // hide the loading element if it's shown
    }
});