function createRequestObject() {
var tmpXmlHttpObject;

//depending on what the browser supports, use the right way to create the XMLHttpRequest object
if (window.XMLHttpRequest) {
// Mozilla, Safari would use this method …
tmpXmlHttpObject = new XMLHttpRequest();

} else if (window.ActiveXObject) {
// IE would use this method …
tmpXmlHttpObject = new ActiveXObject(“Microsoft.XMLHTTP”);
}

return tmpXmlHttpObject;
}

//call the above function to create the XMLHttpRequest object
var http = createRequestObject();

function makeGetRequest(wordId) {
//make a connection to the server … specifying that you intend to make a GET request
//to the server. Specifiy the page name and the URL parameters to send
http.open(‘get’, ‘definition.jsp?id=’ + wordId);

//assign a handler for the response
http.onreadystatechange = processResponse;

//actually send the request to the server
http.send(null);
}

function processResponse() {
//check if the response has been received from the server
if(http.readyState == 4){

//read and assign the response from the server
var response = http.responseText;

//do additional parsing of the response, if needed

//in this case simply assign the response to the contents of the

on the page.
document.getElementById(‘description’).innerHTML = response;

//If the server returned an error message like a 404 error, that message would be shown within the div tag!!.
//So it may be worth doing some basic error before setting the contents of the

}
}

 

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes:

<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>