이번에는 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服务器返回结果';
이 기사의 사례를 읽은 후 방법을 마스터했다고 믿습니다. 더 흥미로운 정보를 보려면 PHP 중국어 웹사이트의 다른 관련 기사에 주목하세요!
추천 자료:
서버에서 반환된 Ajax가 처리할 수 있는 데이터 유형은 무엇인가요?
HTML 태그 스타일을 반환하기 위해 Ajax를 작동하는 방법
위 내용은 Ajax 로딩 시간 초과 프롬프트를 구현하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
