我有一个 jQuery 代码,可以简单地发出一些 ajax 请求。
大多数情况下不到一秒钟就能得到响应,因此我可以向用户显示结果。
但有时(大约 5% 的重新加载)需要几秒钟(我对此没意见,服务器有点忙)。
我想在超过 2 秒时显示“请稍候”文本。但如果少于 2 秒(这样用户就不会因消息的快速显示/隐藏而感到困惑)。
如何以最高效、最简单的方式制作?
当前的 jQuery 代码:
jQuery.ajax({
url: "loadData.php",
dataType: 'json',
type: 'GET',
success: function(result){
showResultsToUser(result);
}
});
最佳答案
像这样:
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
}
});
关于javascript - 如果 jQuery.ajax 等待响应时间足够长则运行函数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23691167/