Ajax解析XML数据

Posted 2021-02-27

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.

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);
}