zoukankan      html  css  js  c++  java
  • 用Ajax读取XML格式的数据

     用Ajax读取XML格式的数据,只需要读取XMLHttpRequest对象返回的responseXML属性即可。代码如下:

      1、Client - helloworld.htm

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"
    >
    <html>
    <head>
    <title>Ajax Hello World</title>
    <script type="text/javascript">
    var xmlHttp;

    function createXMLHttpRequest(){
        
    if(window.ActiveXObject){
            xmlHttp 
    = new ActiveXObject("Microsoft.XMLHTTP");
        }
        
    else if(window.XMLHttpRequest){
            xmlHttp 
    = new XMLHttpRequest();
        }
    }

    function startRequest(){
        createXMLHttpRequest();
        
    try{
            xmlHttp.onreadystatechange 
    = handleStateChange;
            xmlHttp.open(
    "GET""data.xml"true);
            xmlHttp.send(
    null);    
        }
    catch(exception){
            alert(
    "您要访问的资源不存在!");
        }
    }

    function handleStateChange(){    
        
    if(xmlHttp.readyState == 4){        
            
    if (xmlHttp.status == 200 || xmlHttp.status == 0){
                
    // 取得XML的DOM对象
                var xmlDOM = xmlHttp.responseXML;
                
    // 取得XML文档的根
                var root = xmlDOM.documentElement;            
                
    try
                {
                    
    // 取得<info>结果
                    var info = root.getElementsByTagName('info');
                    
    // 显示返回结果
                    alert("responseXML's value: " + info[0].firstChild.data);
                }
    catch(exception)
                {
                    
                }
            }
        }
    }
    </script>
    </head>
    <body>
        
    <div>
            
    <input type="button" value="return ajax responseXML's value"
                    onclick
    ="startRequest();" />
        
    </div>
    </body>
    </html>

    2、Server - data.xml
    <?xml version="1.0" encoding="GB2312" ?> 
    <root>
        
    <info>hello world!</info>
    </root>

    附源码:responseXML.rar
  • 相关阅读:
    [二叉树算法]关于层次遍历二叉树的一些算法总结
    数据库事务并发访问产生的问题及四种事务隔离级别
    当relative遇上z-index,阻断事件捕获
    关于CAS操作
    LRU算法与LRUCache
    Hadoop2.x 关于日志文件位置
    推荐系统架构图——我的软件工程概论课设
    文件上传+解析漏洞
    命令执行漏洞
    SSRF漏洞
  • 原文地址:https://www.cnblogs.com/dj258/p/640934.html
Copyright © 2011-2022 走看看