利用Ajax读取Xml文件

最新推荐文章于 2024-08-02 06:15:47 发布

ackwie8024934

最新推荐文章于 2024-08-02 06:15:47 发布

阅读量95

点赞数

文章标签： xhtml

原文链接：http://www.cnblogs.com/yuji/archive/2009/05/05/1449295.html

版权

xml_response.xml:

<?xml version="1.0" encoding="utf-8"?>
<users>
    <user>
        <name>名字一</name>
        <pwd>密码一</pwd>
    </user>
    <user>
        <name>名字二</name>
        <pwd>密码二</pwd>
    </user>
</users>

xml_request.xml:

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<script>
var xmlHttp;
function startRequest()
{
    if (window.ActiveXObject)
    {
        xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
    }
    else if (window.XMLHttpRequest)
    {
       xmlHttp = new XmlHttpRequest();
    }
    xmlHttp.onreadystatechange = handleStateChange;
    xmlHttp.open("GET","xml_response.xml",true);
    xmlHttp.send(null);
}

function handleStateChange()
{
    if (xmlHttp.readyState == 4)
    {
        if (xmlHttp.status == 200)
        {
            displayUsers();
        }
    }
}

function displayUsers()
{
    var xmlDoc = xmlHttp.responseXML;
    var userNodes = xmlDoc.getElementsByTagName("user");
    var row;
    var cell;
    for (i=0;i<userNodes.length;i++)
    {
        row = table1.insertRow();
        cell = row.insertCell();
        cell.align="center";
        cell.innerText = userNodes[i].childNodes[0].text;
        cell = row.insertCell();
        cell.align="center";
        cell.innerText = userNodes[i].childNodes[1].text;
    }
}
</script>
</head>

转载于:https://www.cnblogs.com/yuji/archive/2009/05/05/1449295.html

ackwie8024934

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
利用Ajax读取Xml文件

xml_response.xml:<?xml version="1.0" encoding="utf-8"?><users> <user> <name>名字一</name> <pwd>密码一</pwd> </user>...
复制链接

扫一扫