zoukankan      html  css  js  c++  java
  • Ajax获取某个连接对应的内容

    <!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=utf-8">
    <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,"&lt;");
              s=s.replace(/>/g,"&gt;");
              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; 980px;"></div>
    </fieldset>
    </body>
    </html>
  • 相关阅读:
    谷歌地图移动版(Google Mobile Map)试用(附部分Latitude试用)
    WordPress to Micolog转换工具
    Edge 705试用
    报警点(电子狗)模型探究
    低调发布上海和北京地图
    如何制作一份导航电子地图(上)
    读Google2009开发者大会地图开发文档有感
    照片处理工作流(缩放+GPS信息+水印+IPTC+EXIF,软件推荐)
    浅谈导航电子地图的组成和制作流程
    我的2010世博地图1.0版发布
  • 原文地址:https://www.cnblogs.com/shcolo/p/7168421.html
Copyright © 2011-2022 走看看