文章摘要
这篇文章介绍了如何使用PHP处理超时和网络异常的情况。文章通过一段HTML代码示例，展示了如何利用XMLHttpRequest对象来处理HTTP请求。当请求超时时，会在几秒钟后显示提示信息；如果网络连接有问题，则会弹出错误提示。此外，代码还展示了如何根据HTTP响应的状态码（如200到299）来判断请求是否成功，并在成功时显示响应内容。文章的核心内容是通过简单的代码实现了对超时和网络异常的处理，帮助开发者在实际应用中应对常见的网络问题。
<!DOCTYPE html>
<html lang=”en”>
<head>
<meta charset=”UTF-8″ />
<titile>超时与网络异常处理</titile>
<style>
#content {
width: 400px;
height: 200px;
border: 1px solid rgb(4, 247, 25);
border-width: 3px;
margin: 20px 0 20px 0;
}
</style>
</head>
<body>
<button type=”button”>提交</button>
<div id=”content”></div>
<script>
const btn=document.getElementsByTagName(‘button’)[0];
const res=document.getElementById(‘content’);
btn.onclick=function() {
const xhr=new XMLHttpRequest();
xhr.timeout=2000;
xhr.ontimeout=function() {
alert(‘请求超时，请检查网络是否可用！’);
}
xhr.onerror=function() {
alert(‘你的网络开小差了，请重新连接网络试试’);
}
xhr.open(‘GET’, ‘http://127.0.0.1:8080/delay’);
xhr.send();
xhr.onreadystatechange=function() {
if (xhr.readyState===4) {
if (xhr.status >=200 && xhr.status < 300) {
res.innerHTML=xhr.response;
}
} else {
}
}
};
</script>
</body>
</html>