快捷導(dǎo)航

用Ajax讀取XML格式的數(shù)據(jù)

更新時(shí)間：2006年11月06日 00:00:00 作者：

<!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對(duì)象  
            var xmlDOM = xmlHttp.responseXML;  
            // 取得XML文檔的根  
            var root = xmlDOM.documentElement;              
            try  
            {  
                // 取得<info>結(jié)果  
                var info = root.getElementsByTagName('info');  
                // 顯示返回結(jié)果  
                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>

server.xml

復(fù)制代碼代碼如下:

<?xml version="1.0" encoding="GB2312" ?>  
<root> 
    <info>hello world!</info> 
</root>

您可能感興趣的文章:

用Ajax讀取XML格式的數(shù)據(jù)

相關(guān)文章

詳解ajax +jtemplate實(shí)現(xiàn)動(dòng)態(tài)分頁(yè)
jtemplate是一個(gè)基于JQuery的模板引擎插件，功能非常強(qiáng)大，有了她你就再不用為使用JS綁定數(shù)據(jù)集而發(fā)愁了。本文給大家分享ajax +jtemplate實(shí)現(xiàn)動(dòng)態(tài)分頁(yè)，需要的朋友可以參考下本文
2015-09-09
ajax編寫簡(jiǎn)單的登錄頁(yè)面
這篇文章主要為大家詳細(xì)介紹了ajax編寫簡(jiǎn)單登錄頁(yè)面的具體代碼，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2017-03-03
Ajax異步檢查用戶名是否存在
這篇文章主要為大家詳細(xì)介紹了Ajax異步檢查用戶名是否存在的相關(guān)方法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2017-11-11
ajax提交整個(gè)from表單示例代碼
這篇文章主要介紹了ajax提交整個(gè)from表單實(shí)現(xiàn)代碼,需要的朋友可以參考下
2014-05-05
AJAX實(shí)現(xiàn)注冊(cè)驗(yàn)證用戶名
這篇文章主要為大家詳細(xì)介紹了AJAX實(shí)現(xiàn)注冊(cè)驗(yàn)證用戶名，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2021-03-03
ajax后退解決方案
ajax后退解決方案，需要的朋友可以參考下。
2011-09-09
ajax動(dòng)態(tài)查詢數(shù)據(jù)庫(kù)數(shù)據(jù)并顯示在前臺(tái)的方法
今天小編就為大家分享一篇ajax動(dòng)態(tài)查詢數(shù)據(jù)庫(kù)數(shù)據(jù)并顯示在前臺(tái)的方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧
2018-08-08
淺析IE針對(duì)Ajax請(qǐng)求結(jié)果的緩存問題
我們通過一個(gè)ASP.NET MVC應(yīng)用來重現(xiàn)IE針對(duì)Ajax請(qǐng)求結(jié)果的緩存。在一個(gè)空ASP.NET MVC應(yīng)用中我們定義了如下一個(gè)默認(rèn)的HomeController，其中包含一個(gè)返回當(dāng)前時(shí)間的Action方法GetCurrentTime。
2015-09-09
簡(jiǎn)單實(shí)現(xiàn)ajax獲取跨域數(shù)據(jù)
這篇文章主要為大家詳細(xì)介紹了如何簡(jiǎn)單實(shí)現(xiàn)ajax獲取跨域數(shù)據(jù)的方法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2018-04-04
ajax獲得json對(duì)象數(shù)組循環(huán)輸出數(shù)據(jù)的方法
今天小編就為大家分享一篇ajax獲得json對(duì)象數(shù)組循環(huán)輸出數(shù)據(jù)的方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧
2018-08-08