javascript – 运行函数,如果jQuery.ajax等待响应足够长的时间

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 运行函数,如果jQuery.ajax等待响应足够长的时间，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含870字，纯文字阅读大概需要2分钟。

内容图文

我有一个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等待响应足够长的时间全部内容，希望文章能够帮你解决javascript – 运行函数,如果jQuery.ajax等待响应足够长的时间所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端