Ajax+JS判断页面是否存在

最新推荐文章于 2022-12-30 10:44:36 发布

LMAOhuaNL

最新推荐文章于 2022-12-30 10:44:36 发布

阅读量3.1k

点赞数

CC 4.0 BY-SA版权

分类专栏： js Ajax asp.Net 文章标签： ajax xmlhttprequest function 浏览器 button safari

本文链接：https://blog.youkuaiyun.com/LMAOhuaNL/article/details/6720291

asp.Net 同时被 3 个专栏收录

75 篇文章

订阅专栏

28 篇文章

订阅专栏

Ajax

3 篇文章

订阅专栏

本文介绍了一种利用JavaScript中的XMLHttpRequest对象来检测网页是否存在及其状态的方法。通过发送GET请求并监听onreadystatechange事件，可以判断目标网址是否可达，并根据HTTP响应状态码来确定页面的状态。

<html>  
    <head>  
        <title>My JSP 'a.jsp' starting page</title>  
   <script language="javascript">       
    var xmlHttp= null;  
       //判断浏览器
        function createXMLHttpRequest() {
            if (window.XMLHttpRequest) {
                //Firefox,Netscape,Chrome,Safari等浏览器
                xmlHttp = new XMLHttpRequest();
            } else if (window.ActiveXObject) { //IE浏览器
                try {
                    xmlHttp = new ActiveXObject("Msxml2.XMLHTTP"); //创建xmlHttp对象
                } catch (e) {
                    try {
                        xmlHttp = new ActiveXObject("Microsoft.XMLHTTP"); //创建xmlHttp对象
                    } catch (e) { }
                }
            }
        }
     function   GetURL(url){     
   	  createXMLHttpRequest();  
  	  xmlHttp.open("GET",url,true);  
          xmlHttp.send(null); 
          xmlHttp.onreadystatechange = function(){  
                 if(xmlHttp.readyState==4){  
                    if(xmlHttp.status==200){  
                        alert("页面存在");  
                    }else {  
                        alert("页面不存在");  
                    }  
                  }  
          }   
  }     
  
  </script>  
    </head>  
  
    <body>  
        <input type="button" onclick="GetURL('http://www.google.com')"  
            value="该页面存在">  
        <input type="button"  
            onclick="GetURL('http://www.error.com/error.html')" value="此页面不存在"></input>  
    </body>  
</html>