ajax异步超时,AjaxPro实现异步调用,解决浏览器假死及超时问题(示例代码)

博客讲述了在使用AjaxPro时遇到的加载问题。作者发现默认的同步调用方式不显示预期的“loading”效果,原因是页面等待后台响应导致加载图标未显示。为解决此问题,尝试改用异步调用,但遇到了请求超时问题。最终通过设置AjaxPro的超时时间和回调函数成功解决了问题,确保了loading图标正常工作并能捕获超时情况。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

平时使用AjaxPro的时候基本上非常easy

var msg = UseClass.Method(argument).value;

由于后台响应比較慢,所以加了个“loading”,然后后面调用AjaxPro

//载入Loading

$("#load").show();

//Ajax

var msg = UseClass.Method(argument).value;

//隐藏载入

$("#load").hide();

结果,在整个表现上,并非自己想要的结果。这个时候。并不会出现loading。

网上查了一下,这样是AjaxPro的同步调用方式。并且AjaxPro也确实提供了异步方式。

//载入Loading

$("#load").show();

//Ajax

UseClass.Method(argument,function(data){

if(data.error != null){

//隐藏载入

$("#load").hide();

var msg = data.value;

}

});

满以为这样就会解决这个问题,可是载入的小图标转啊转啊转,小心脏都不好了!

3fc866461162ef1b8219d5f41a4b6002.gif

在浏览器里看到,页面载入已经超时了。10s

仅仅能设置超时时间。

$(document).ready(function(){

//设置前提是AjaxPro已经存在,最好是在PageLoad以后再设置

AjaxPro.timeoutPeriod = 100000;

AjaxPro.onTimeout = function(){

alert("哎呀我去。超时了!!

");

}

});

到这里问题就攻克了。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值