科技行者

行者学院 转型私董会 科技行者专题报道 网红大战科技行者

知识库

知识库 安全导航

至顶网›软件频道 ›XMLHttpRequest对象创建数据请求处理

XMLHttpRequest对象创建数据请求处理

  • 扫一扫
    分享文章到微信

  • 扫一扫
    关注官方公众号
    至顶头条

XMLHttpRequest是Ajax的基础对象。异步的数据请求是通过这个对象来实现的。下面的代码是建立XMLHttpRequest对象的示例 。 代码在IE6、FireFox1.5、NetScape8.1、Opera8.54调试通过。

作者：中国IT实验室 来源：中国IT实验室 2007年9月22日

关键字：

  • 评论
  • 分享微博
  • 分享邮件

在本页阅读全文(共2页)

function handleStateChange()
{
    if (xhr.readyState == 4)
    {
        if (xhr.status == 200)
        {
            if (requestType == "north")
            {
                listNorthStates();
            }
            if (requestType == "all")
            {
                listAllStates();
            }
        }
    }
}

function listNorthStates()
{
    var xmlDoc = xhr.responseXML;
    var northNode = xmlDoc.getElementsByTagName("north")[0];
    var northStates = northNode.getElementsByTagName("state");
    outputList("north States", northStates);
}
function listAllStates()
{
    var xmlDoc = xhr.responseXML;
    var allStates = xmlDoc.getElementsByTagName("state");
    outputList("All States in document ",allStates);
}
function outputList(title,states)
{
    var out = title;
    var currentState = null;
    for (var i = 0; i < states.length; i++)
    {
        currentState = states[i];
        out = out + "<ul><font face='仿宋_GB2312'><span style='font-size: 9pt'>";
        out = out + "<li>" + currentState.childNodes[0].nodeValue + "</li>";
        out = out + "</span></font></ul>";
    }
    var test = document.getElementById("test");
    test.innerHTML = out;
}
</script>

</head>

<body>

<form action="#">
    <!--XML文档请求 -->
    <input type=“button" value="AJAX Test north" onclick="startRequest('north');"/>
    <input type="button" value="AJAX Test all" onclick="startRequest('all');"/>
    <!--SP.Net请求 -->
    <input type="button" value="AJAX Test ASPX" onclick="startRequestFromServer();"/>
    <!--DOM对象的清除与创建 -->
    <input type="button" value="search" onclick="startRequestFromLanguage()"/>
</form>

<div id="test"><font face="仿宋_GB2312"><span style="font-size: 9pt"></span></font>
</div>
</body>

</html>

6、参考书籍

《Ajax基础教程》人民邮电出版社

本程序为该书的一些示例，仅供入门参考

7、补充

忘记XML文件: paraseXml.xml
将该文件与上面的HTML文件放在相同的目录下即可

<?xml version="1.0" encoding="UTF-8"?>
<states>
    <north>
        <state>辽宁</state>
        <state>吉林</state>
        <state>黑龙江</state>
        <state>内蒙古</state>
    </north>
    <south>
        <state>福建</state>
        <state>广东</state>
        <state>云南</state>
        <state>广西</state>
    </south>
    <east>
        <state>上海</state>
        <state>浙江</state>
        <state>江苏</state>
        <state>安徽</state>
    </east>
    <west>
        <state>新疆</state>
        <state>陕西</state>
        <state>山西</state>
        <state>宁夏</state>
    </west>
</states>

查看本文来源

    • 评论
    • 分享微博
    • 分享邮件
    VIP专区
    邮件订阅

    如果您非常迫切的想了解IT领域最新产品与技术信息，那么订阅至顶网技术邮件将是您的最佳途径之一。

    重磅专题
    往期文章
    最新文章

    业界热点:

    北京第二十六维信息技术有限公司（至顶网）版权所有. 京ICP备15039648号-7 京ICP证161336号 京公网安备 11010802021500号