jquery ajax 加载超时提示分析

哈哈 阅读:169 2021-03-31 23:24:23 评论:0
<!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" οnclick="load();" value="点击加载"/> 
	   <div id="tips"></div> 
	</body> 
<html>

声明

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

发表评论
搜索
排行榜
关注我们

一个IT知识分享的公众号