ajax xmlhttprequest tutorial

The XMLHttpRequest object is used for asynchronous communication between client and server. It provides the facility to update the web page content without reloading the whole page.

How to create an xmlhttprequest object

Var variable = new XMLHttpRequest();


Ajax XMLHttpRequest Object Methods


Method Description
new XMLHttpRequest() It creates a new XMLHttpRequest object.
abort() It cancels the current request.
getAllResponseHeaders() It returns header information.
getResponseHeader() It returns specific header information.
open(method,url,async,user,psw) It specifies the request.
method: the request type GET or POST
url: the file location
async: true (asynchronous) or false (synchronous)
user: optional user name
psw: optional password
send() It sends the request to the server. It is used for GET requests
send(string) It sends the request to the server. It is used for POST requests
setRequestHeader() It adds a label or value pair to the header to be sent


Ajax XMLHttpRequest Object Properties


Property Description
onreadystatechange It defines a function to be called when the readyState property changes
readyState It holds the status of the XMLHttpRequest.

XMLHttpRequest Status:
0: request not initialized
1: server connection established
2: request received
3: processing request
4: request finished and response is ready

responseText It returns the response data as a string.
responseXML It returns the response data as XML data.
status It returns the status-number of a request. For example:
200: “OK”
403: “Forbidden”
404: “Not Found”
statusText It returns the status-text (For example “OK” or “Not Found”).



Please Share