制作一个XMLHTTP请求的简单例子

最新推荐文章于 2014-12-24 22:51:00 发布

原创最新推荐文章于 2014-12-24 22:51:00 发布 · 1.9k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#xmlhttprequest #function #xhtml #html #url #button

本文介绍了一个简单的网页应用，该应用通过XMLHTTP请求来抓取并解析指定URL的网页标题，解决了中文显示乱码的问题，并提供了源代码实现。

制作一个XMLHTTP请求的网页。

实现了根据输入的url，提取url对应网页标题的基本功能（解决了中文乱码的问题）


  
   
    
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "
   http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd
   ">
  
  
   <html xmlns="
   http://www.w3.org/1999/xhtml
   ">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312"/>
    <title>KIWI的Blog</title>
    <script type="text/javascript">
    
        
        function getTitle(html) {
            
            var reg = /<title>([^<>]*)<//title>/;//提取url对应网页的标题 
            var m = html.match(reg);
            document.getElementById("Text1").value = m[1] ;//输出url对应网页的标题
        }
        function getDoc() {
  
  
               var myurl = document.getElementById("inputurl").value;
            var xmlhttp;
            try {
                xmlhttp = new XMLHttpRequest();
            } catch (e) {
                xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
            }
            xmlhttp.onreadystatechange = function() {
                if (xmlhttp.readyState == 4) {
                    if (xmlhttp.status == 200) {
                        getTitle(xmlhttp.responseText);                                         
                    }
                }
            }
            xmlhttp.open("get", myurl, true);
            xmlhttp.send();
        }
</script>
  
  
   

   </head>
  
  
          <body> 
      	<label>请输入您要查询的url</label>
	<input id="inputurl" type="text" /><br/>
	<input type="button" onclick="getDoc()" value="我要查看网页的标题" />
	<input id="Text1" type="text" value="" />
       </body>
  
  
   </html>