Ajax基础(XMLHttpRequest对象)回顾

weinasi3252

已于 2023-08-10 13:40:00 修改

阅读量749

点赞数

文章标签： xmlhttprequest ajax function button xhtml javascript

于 2007-08-13 12:31:00 首次发布

本文链接：https://blog.csdn.net/weinasi3252/article/details/1740448

版权

今天无聊,又回过头来写写 XMLHttpRequest对象直接访问Server.

js代码

var XHR,XmlDoc;

//创建XHR
function CreateXHR()
{
    if(window.XMLHttpRequest)
    {
        //非IE
        XHR = new window.XMLHttpRequest();
    }
    else if(window.ActiveXObject)
    {
        //IE
        XHR = new ActiveXObject("Microsoft.XMLHTTP");
    }
}

function CreateTalbeData()
{
    CreateXHR();
    XHR.onreadystatechange = GetCreateTalbeData;
    XHR.open("GET","Ajax.xml",true);
    XHR.send(null);
}

function GetCreateTalbeData()
{
    if(XHR.readystate == 4)
    {
        if(XHR.status == 200)
        {
            XmlDoc = XHR.responseXml;//XML Dom

            var Users = XmlDoc.getElementsByTagName("User");

            var Result = "<table width='100%' border='1' cellspacing='2' cellpadding='2'>";
            for(var i = 0 ;i < Users.length;i++)
            {
                Result + "<tr>";
                var u = Users[i];
                var UserName = u.getElementsByTagName("UserName")[0].firstChild.nodeValue;
                var Age = u.getElementsByTagName("UserName")[0].getAttribute("age");
                var Sex = u.getElementsByTagName("Sex")[0].firstChild.nodeValue;
                var Telphone = u.getElementsByTagName("Telphone")[0].firstChild.nodeValue;

                Result += "<td>" + UserName + "</td>";
                Result += "<td>" + Sex + "</td>";
                Result += "<td>" + Telphone + "</td>";

                Result += "</tr>";
            }

            Result += "</table>";

            document.all.divS.innerHTML = Result;