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

最新推荐文章于 2021-07-30 16:37:36 发布

xxyy888

最新推荐文章于 2021-07-30 16:37:36 发布

阅读量4.9k

点赞数 1

分类专栏： JavaScript

本文链接：https://blog.csdn.net/xxyy888/article/details/8124628

版权

JavaScript 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

<!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" οndblclick="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>

xxyy888

关注

1
点赞
踩
2

收藏

觉得还不错? 一键收藏
1
评论
使用Ajax获取服务器端文件的内容

Ajax获取某个连接对应的内容 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;
复制链接

扫一扫