Revision: 2594
Initial Code
Initial URL
Initial Description
Initial Title
Initial Tags
Initial Language
at March 13, 2007 09:54 by 1man
Initial Code
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);
//email
var emailLI = document.createElement("li");
var emailLIText = document.createTextNode(personEmail[0].firstChild.nodeValue);
emailLI.appendChild(emailLIText);
theUL.appendChild(emailLI);
holder.appendChild(theUL);
}
Initial URL
Initial Description
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.
Initial Title
Ajax Parsing XML Data
Initial Tags
ajax, javascript, data, xml
Initial Language
JavaScript