用Ajax读取XML格式的数据

韩依韩

韩依韩

2016-02-19 13:01

给自己一点时间接受自己,爱自己,趁着下午茶的时间来学习图老师推荐的用Ajax读取XML格式的数据,过去的都会过去,迎接崭新的开始,释放更美好的自己。

代码如下:
!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd" 
html 
head 
titleAjax 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
server.xml
代码如下:

?xml version="1.0" encoding="GB2312" ? 
root
    infohello world!/info
/root

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/webkaifa/)
展开更多 50%)
分享

猜你喜欢

用Ajax读取XML格式的数据

Web开发
用Ajax读取XML格式的数据

用ajax xml的数据读取的HelloWorld程序

Web开发
用ajax xml的数据读取的HelloWorld程序

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

用Ajax读取xml文件的简单例子

Web开发
用Ajax读取xml文件的简单例子

Ajax读取XML实现动态下拉导航

Web开发
Ajax读取XML实现动态下拉导航

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

Ajax初试之读取数据篇

Web开发
Ajax初试之读取数据篇

Jquery Ajax学习实例 向页面发出请求返回XML格式数据

Web开发
Jquery Ajax学习实例 向页面发出请求返回XML格式数据

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

AJAX聊天室V1.0发布

AJAX聊天室V1.0发布

Win10邮件应用如何添加壁纸?

Win10邮件应用如何添加壁纸?
下拉加载更多内容 ↓