使用Ajax获取服务器端文件的内容

来源：互联网发布：飞思卡尔怎么样知乎编辑：程序博客网时间：2024/06/03 11:18
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html>        <head>        <meta http-equiv="Content-Type" content="text/html; charset=gb2312">        <title>Ajax获取某个连接对应的内容</title>    </head>    <style type="text/css">        body,td,div,input{font-family:Verdana; font-size:12px; color:#333333;        font-weight:normal; } a:link,a:visited{font-family:Verdana; font-size:12px;        color:#330099; font-weight:normal; padding:0px 3px; line-height:25px; text-decoration:none;}        a:hover,a:active{font-family:Verdana; font-size:12px; color:#FF6600; font-weight:normal;        line-height:25px;} span{font-family:Verdana; font-size:12px; color:red;        font-weight:normal; padding-left:5px; margin:0px 10px;}    </style>    <script language="javascript" type="text/javascript">        function ajaxGetHTML(webURL) {            var url = webURL;            if (url == "") url = document.getElementById("xurl").value;            var xmlhttp;            try {                xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");            } catch(e) {                try {                    xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");                } catch(e) {}            }            if (!xmlhttp) xmlhttp = new XMLHttpRequest();            xmlhttp.onreadystatechange = function() {                if (xmlhttp.readyState == 4) {                    var s = xmlhttp.responseText;                    s = s.replace(/</g, "<");                    s = s.replace(/>/g, ">");                    document.getElementById("box01").innerHTML = s;                    xmlhttp = null;                }            }            xmlhttp.open("GET", url, true);            xmlhttp.send(null);        }    </script>        <body>        web URL:        <input type=text id="xurl" ondblclick="javascript:ajaxGetHTML(this.value);"        value="http://www.163.com" size="50">        <input type="button" name="Submit" value="Test" onClick="javascript:ajaxGetHTML('');">        <br>        请求的可以是某个.HTML页面, 或 .CSS文件, 或 .JS文件, 或.TXT 文件等文件        <br>        <hr size="1" color="#FF6600">        <fieldset>            <legend>                HTML 内容            </legend>            <div id="box01" style="overflow:hidden; width:980px;">            </div>        </fieldset>    </body></html>