jquery ajax 加载超时提示

哈哈阅读：613 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>

标签:ajax

声明

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