/ Published in: JavaScript
This function allows you to parse a simple XML document(passed to it using this.href on a onclick event). Virtually the same as JSON, the things that have been changed ate labeled !Important.
Expand |
Embed | Plain Text
Copy this code and paste it in your HTML
function basicAJAX(file) {//pass a variable into the function var request = getHTTPObject(); if(request){ request.onreadystatechange = function() { parseResponse(request); }; request.open("GET", file, true);//this is where the var is picked up, the location request.send(null); } } function parseResponse(request) { if(request.readyState == 4){//waits for the complete before execute. if(request.status == 200 || request.status == 304){ var data = request.responseXML;//!Important <----------------- createInfo(data); } else { alert("Something Broke!"); } } } function createInfo(data) { var holder = document.getElementById("showDiv");//the holder div while(holder.hasChildNodes()){ holder.removeChild(holder.lastChild); } //grab the info var personName = data.getElementsByTagName("name");//!Important <----------------- var personPosition = data.getElementsByTagName("position");//!Important <----------------- var personEmail = data.getElementsByTagName("email");//!Important <----------------- var theUL = document.createElement("ul"); //name var nameLI = document.createElement("li"); var nameLIText = document.createTextNode(personName[0].firstChild.nodeValue); nameLI.appendChild(nameLIText); theUL.appendChild(nameLI); //position var positionLI = document.createElement("li"); var positionLIText = document.createTextNode(personPosition[0].firstChild.nodeValue); positionLI.appendChild(positionLIText); theUL.appendChild(positionLI); var emailLI = document.createElement("li"); var emailLIText = document.createTextNode(personEmail[0].firstChild.nodeValue); emailLI.appendChild(emailLIText); theUL.appendChild(emailLI); holder.appendChild(theUL); }