Hướng dẫn javascript load xml file

Reset

Click Me

domparser-example.js


// Utility function:
// Return XMLDocument, or throw an Error!
function parseXML[xmlString] {
    var parser = new DOMParser[];
    // Parse a simple Invalid XML source to get namespace of :
    var docError = parser.parseFromString['INVALID', 'text/xml'];
    var parsererrorNS = docError.getElementsByTagName["parsererror"][0].namespaceURI;
    // Parse xmlString:
    // [XMLDocument object]
    var doc = parser.parseFromString[xmlString, 'text/xml'];
    if [doc.getElementsByTagNameNS[parsererrorNS, 'parsererror'].length > 0] {
        throw new Error['Error parsing XML'];
    }
    return doc;
}

// XML String:
var xmlString = "" +
    " " +
    "    " +
    "      Putin " +
    "      putin " +
    "      95 " +
    "    "

    +
    "    " +
    "      Trump " +
    "      trump " +
    "      90 " +
    "    "

    +
    "    " +
    "      Kim " +
    "      kim " +
    "      85 " +
    "    " +
    " ";


function clickHandler[evt] {

    console.log[xmlString];
    var doc;

    try {
        // XMLDocument object:
        doc = parseXML[xmlString];
        console.log[doc.documentElement];
    } catch [e] {
        alert[e];
        return;
    }
    resetLog[];

    // Element object.  
    var rootElement = doc.documentElement;
    //
    var children = rootElement.childNodes;

    for[var i =0; i< children.length; i++] {
       var child = children[i];
       //  Element
       if[child.nodeType == Node.ELEMENT_NODE]  {
           var rollNo = child.getAttribute["rollNo"];
           var fullNameElement = child.getElementsByTagName["fullName"][0];
           var nickNameElement = child.getElementsByTagName["nickName"][0];
           var marksElement = child.getElementsByTagName["marks"][0];

           var fullName = fullNameElement.textContent;
           var nickName = nickNameElement.textContent;
           var marks = marksElement.textContent;

           appendLog["rollNo: " + rollNo];
           appendLog["fullName: " + fullName];
           appendLog["nickName: " + nickName];
           appendLog["marks: " + marks];
       }
    }

}


function resetLog[] {
    document.getElementById['textarea-log'].value = "";
}

function appendLog[msg] {
    document.getElementById['textarea-log'].value += "\n" + msg;
}