jQuery技术:在JQuery AJAX发布之前暂停

因为我正在处理的页面是一个Intranet页面,所以我的AJAX调用与响应一起非常快。 出于可用性目的,我希望暂停1-2秒,以显示加载动画。 下面是我尝试但动画几乎看不到的。

$(document).ready(function(){ $('#wait').hide(); $('#submitform').click(function(){ $('#wait').show(); $.ajax({ type: "POST", url: "abs_newabs_check.asp", data: { StaffID: $("#suggest1").val() }, success: callback }); }); }); function callback(data, status) { $('#wait').hide(); $("#ajaxdiv").html(data); } 

    将setTimeout调用添加到回调函数:

     function callback(data,status) { setTimeout(function() { $("#wait").hide(); $("#ajaxdiv").html(data); }, 1500); } 

    NB。 如果我没有弄错的话,data参数将作为闭包传递给匿名函数

    我不得不建议考虑一种不同的方式来增加可用性,你现在正在减慢你的服务以帮助用户。 如何使用黄色渐变技术这样你可以在页面上显示一些已经改变的东西,而你不会减慢你的系统速度。

    这是一个可能有帮助的相关问题。 使用JQuery实现黄色淡入淡出效果

    使用setTimeout函数

    需要了解更多jQuery教程分享在JQuery AJAX发布之前暂停,都可以关注jQuery技术分享栏目—计算机技术网(www.ctvol.com)!

     setTimeout("alert('5 seconds has passed.');",5000); 

      以上就是jQuery教程分享在JQuery AJAX发布之前暂停相关内容,想了解更多jQuery开发(异常处理)及jQuery教程关注计算机技术网(www.ctvol.com)!)。

      本文来自网络收集,不代表计算机技术网立场,如涉及侵权请联系管理员删除。

      ctvol管理联系方式QQ:251552304

      本文章地址:https://www.ctvol.com/jquerytutorial/982332.html

      (0)
      上一篇 2021年12月13日
      下一篇 2021年12月13日

      精彩推荐