如何在JavaScript中阅读XML?

时间:2011-01-23 21:24:03

标签: javascript html xml

好吧,所以我得到了这个xml文件:

<?xml version="1.0" encoding="UTF-8" ?> 
<level>
    <tiles>
        <row>1000000000000001</row>
        <row>1000000000000001</row>
        <row>1000000000000001</row>
        <row>1000000000000001</row>
        <row>1000000000000001</row>
        <row>1000000000000001</row>
        <row>1000000000000001</row>
        <row>1111111111111111</row>
    </tiles>
</level>

我得到了我的XML阅读代码:

var xmlDoc = document.implementation.createDocument("","",null);

            function loadXML(){
                xmlDoc.load("levels/test.xml");
                xmlDoc.onload = readLevel();
            }
            function readLevel() {


                throw(xmlDoc);

                if(xmlDoc.getElementsByTagName("tiles")[0].hasChildNodes()){
                    var rowNum = xmlDoc.getElementsByTagName("tiles").getChildNodes();
                    level = [];
                    for(var i = 0; i < rowNum; i++){
                        level[i] = [];
                        var tempStr = xmlDoc.getElementsByTagName("tiles").childNodes[i].textContent;
                        for(var j = 0; j < 16; j++){
                            level[i][j] = parceInt(tempStr.charAt(j));
                        }

                    }
                }

                for (var i = 0; i < level.length; i++) {
                    blockArray[i] = []; // Create the second level for this index
                    for (var j = 0; j < level[i].length; j++) {
                        var tempImg = new Image();
                        tempImg.src = "images/block" + level[i][j] + ".png";
                        blockArray[i][j] = new block(j * blockSize, i * blockSize, level[i][j], false, false, tempImg);
                        //throw('blockArray['+i+']'+j+'] = ' + level[i][j]);
                    }
                }
            }

现在为什么这不起作用?它经常说xmlDoc.getElementsByTagName("tiles")[0]未定义且xmlDoc.getElementsByTagName("tiles").length = 0。那么我做错了什么?

2 个答案:

答案 0 :(得分:1)

我会使用XMLHttpRequest及其responseXML属性,这将适用于所有主流浏览器。例如:

function readLevel(xmlDoc) {
    alert(xmlDoc.documentElement.tagName);
    // Your existing code goes here
};

var createXmlHttpRequest = (function() {
    var factories = [
        function() { return new XMLHttpRequest(); },
        function() { return new ActiveXObject("Msxml2.XMLHTTP.6.0"); },
        function() { return new ActiveXObject("Msxml2.XMLHTTP.3.0"); },
        function() { return new ActiveXObject("Microsoft.XMLHTTP"); }
    ];

    for (var i = 0, len = factories.length; i < len; ++i) {
        try {
            if ( factories[i]() ) return factories[i];
        } catch (e) {}
    }
})();

var xmlHttp = createXmlHttpRequest();
xmlHttp.onreadystatechange = function() {
    if (xmlHttp.readyState == 4 && xmlHttp.status == 200) {
        readLevel(xmlHttp.responseXML);
    }
};

xmlHttp.open("GET", "levels/test.xml", true);
xmlHttp.send(null);

答案 1 :(得分:0)

According to SitePointcreateDocument中需要所有参数。也许虚假的价值观让你沮丧。