您的当前位置:首页ajax加载超时提示怎样实现
广告

ajax加载超时提示怎样实现

2023-11-30 来源:酷申汽车网

这次给大家带来ajax加载超时提示怎样实现,ajax加载超时提示实现的注意事项有哪些,下面就是实战案例,一起来看一下。

index.php

<!doctype html><html> <head> <meta charset="utf-8"/> <title>加载超时</title> <script type="text/javascript" src="http://lib.sinaapp.com/js/jquery/1.7/jquery.min.js"></script> </head> <body> <script type="text/javascript"> function load(){ $("#tips").html("加载中..."); $.ajax({ async:true, cache:false, timeout:8000, type:"POST", url:"result.php", data:{a:'123'}, error:function(jqXHR, textStatus, errorThrown){ if(textStatus=="timeout"){ $("#tips").html("加载超时,请重试"); }else{ alert(textStatus); } }, success:function(msg){ $("#tips").html(msg); } }); } </script> <input type="button" id="load" onclick="load();" value="点击加载"/> <p id="tips"></p> </body><html>

result.php

<?php//sleep(20);sleep(2);echo $_POST['a'].'test服务器返回结果';

相信看了本文案例你已经掌握了方法,更多精彩请关注Gxl网其它相关文章!

推荐阅读:

ajax可以处理服务器返回哪些数据类型?

怎么操作Ajax返回HTML标签样式

小编还为您整理了以下内容,可能对您也有帮助:

怎么设置ajax 同步加载数据时提示加载中

$.ajax({

    type: "post",

    contentType: "application/json",

    url: "*.php",

    beforeSend: function () {

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

    },

    success: function (data) {

    },

    complete: function () {

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

    }

});

ajax如何设置超时时间?

<script type=”text/javascript”>

function getXMLHttpRequest()
{
var xhr = false;
if ( window.XMLHttpRequest )
{
xhr = new XMLHttpRequest();
if ( xhr.overrideMimeType )
{
xhr.overrideMimeType(”text/xml”);
}
}else if ( window.ActiveXObject )
{
try{
xhr = new ActiveXObject(”Msxml2.XMLHTTP”);
}catch(e)
{
try{
xhr = new ActiceXObject(”Microsoft.XMLHTTP”);
}catch(e)
{
xhr = false;
}
}
}

return xhr;
}

window.onload = function()
{
var _x = getXMLHttpRequest(); //获得XMLHttpRequest对象
if ( !_x ) return false;
_x.open(”get”,http://www.baidu.com,true);
_x.onreadystatechange = function()
{
if ( _x.readyState == 4 && _x.status == 200 )
{
clearTimeout(clearTO); //如果准备状态成功,并且HTTP状态码正确则清除setTimeout
alert(”Success”);
}
};
var cleaeTO = setTimeout(function() /*重点,在请求发布后开始设置setTimeout,如果请求状态不成功也就是readyState != 4 那么setTimeout将会在5秒后运行,并弹出信息提示,要是请求成功,将会清除该setTimeout*/
{
_x.abort(); //终止XMLHttpRequest对象
alert(”系统异常,请您刷新页面或稍后再试….”);
},50000);
_x.send(null);
};
</script>

ajax如何设置超时时间?

<script type=”text/javascript”>

function getXMLHttpRequest()
{
var xhr = false;
if ( window.XMLHttpRequest )
{
xhr = new XMLHttpRequest();
if ( xhr.overrideMimeType )
{
xhr.overrideMimeType(”text/xml”);
}
}else if ( window.ActiveXObject )
{
try{
xhr = new ActiveXObject(”Msxml2.XMLHTTP”);
}catch(e)
{
try{
xhr = new ActiceXObject(”Microsoft.XMLHTTP”);
}catch(e)
{
xhr = false;
}
}
}

return xhr;
}

window.onload = function()
{
var _x = getXMLHttpRequest(); //获得XMLHttpRequest对象
if ( !_x ) return false;
_x.open(”get”,http://www.baidu.com,true);
_x.onreadystatechange = function()
{
if ( _x.readyState == 4 && _x.status == 200 )
{
clearTimeout(clearTO); //如果准备状态成功,并且HTTP状态码正确则清除setTimeout
alert(”Success”);
}
};
var cleaeTO = setTimeout(function() /*重点,在请求发布后开始设置setTimeout,如果请求状态不成功也就是readyState != 4 那么setTimeout将会在5秒后运行,并弹出信息提示,要是请求成功,将会清除该setTimeout*/
{
_x.abort(); //终止XMLHttpRequest对象
alert(”系统异常,请您刷新页面或稍后再试….”);
},50000);
_x.send(null);
};
</script>

如何设置ExtJS Ajax请求的超时设置之timeout属性

ExtJS做Ajax请求的时候,默认的相应时间是30秒,如果后来数据查询时间超过30秒,ExtJS就会报错。

这就需要修改ExtJS的超时时间:在js开始时后加

示例代码如下所示:

view sourceprint?

1.Ext.onReady(function() {

2.Ext.BLANK_IMAGE_URL = '../../common/ext3/resources/images/default/s.gif ';

3.Ext.Ajax.timeout = 180000; //设置请求超时时间(单位毫秒)

4.});

Ajax post请求超时问题

先声明,我不知道如何解决这个问题,但我想提一些建议。

需要4、5分钟的操作我不清楚具体是什么,如果是单纯的数据库操作之类的这个设计就有问题;如果是数据量十分大的操作那么应该考虑缓存、预处理等。

还有,你可以发送数据请求到后台,后台接收后便立即返回调用成功,然后把4,5分钟的操作放到另一个线程里去做,然后对每一次的请求后台都做一个静态的唯一标识,然后把标识返回前台,然后4,5分钟之后前台通过这个标识去后台找结果,或者不确定操作所需时间就缩短轮询的间隔,比如每30秒一请求,后台操作不完成便继续等待下一次请求。

酷申汽车网还为您提供以下相关内容希望对您有帮助:

ajax如何设置超时时间?

var cleaeTO = setTimeout(function() /*重点,在请求发布后开始设置setTimeout,如果请求状态不成功也就是readyState != 4 那么setTimeout将会在5秒后运行,并弹出信息提示,要是请求成功,将会清除该setTimeout*/ {...

ajax 怎么设置超时

1.ajax 语法去设置单位毫秒,例如:2.tomcat配置 server.xml 单位毫秒 3.apache的配置文件 httpd.conf,单位秒 修改以上几个地方,发现还是没有生效,最终定位在了mod_jk模块,mod_jk 简称JK,是Apache服务器的一个可插入...

jquery ajax 怎么判断请求失败?

在success回调函数里面调用clearTimeout 清除延时函数,这样如果请求在5秒内成功,超时函数就不会被执行了 另外,在超时回调函数里面调用 abort 终止超时的请求,免得超时回调函数执行了,到第5秒之后更长时间,请求返回了,succ...

如何设置ExtJS Ajax请求的超时设置之timeout属性

ExtJS做Ajax请求的时候,默认的相应时间是30秒,如果后来数据查询时间超过30秒,ExtJS就会报错。这就需要修改ExtJS的超时时间:在js开始时后加 示例代码如下所示:view sourceprint?1.Ext.onReady(function() { 2.Ext.BLANK...

想封装一个jquery的ajax异步请求的超时处理的方法 供以后调用 请问怎么...

function onerror(e, jqxhr, settings, exception) { (this).text( "An error occurred!" );} ("#myLabel").ajaxError(onerror);也可以这样$(document).ajaxError(function(){});

ajax响应时长怎样设置?

在项目中,点击所有导出数据,通过ajax的实现,将数据库中的相应数据转换为excel文件格式,可以下载到用户。实际上,数据量非常大。ajax请求的响应时间太长,导致浏览器长时间不响应。有几种方法可以解决这个问题:首先是设置ajax...

php生成大量数据时,如何实现数据加载提示

("#querybtn").click(function(){ .ajax({ type: "post",url: "你的php处理.php",data: 如果需要参数在此拼装,success:function(data){ 在此判断一下data 如果data的值回调了,就显示数据,否则就显示数据加载中...

如何设置ExtJS Ajax请求的超时设置之timeout属性

Ext.Ajax.request({ url: 'page.php',timeout:2000,params: { id: 1 },success: function(response){ var text = response.responseText;// process server response here } });tips:timeout : Number The timeout...

我需要在一个返回json的ajax请求中处理登陆超时问题,需要使用springMVC拦...

登陆超时一般是session过期检测,需要不停的发异步请求给后台获取session状态,如果过期了就返回json状态码,前台获取到状态码后给出登陆超时的提示然后返回登录页,拦截器类里面也可以做session验证,如果过期了也重定向到登录页。

jquery+ajax实现查询数据时,JSP页面显示“正在加载中...” ,查询完了...

教你个最简单的。$(function(){ $.get("URL", function(Msg){ $("你要显示提示的地方").html("数据正在加载中。。"); $("你要显示查询数据的地方").html(Msg); }); }); 。可以了,兄弟,够详细了...

本文如未解决您的问题请添加抖音号:51dongshi(抖音搜索懂视),直接咨询即可。

Top