我有一个简单地发出一些ajax请求的jQuery代码。
大多数情况下,获得响应所需的时间不到一秒钟,因此我可以将结果显示给用户。
但是有时候(大约需要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 } });