CodesJava

Easy learning with example program codes

ajax http response example


Ajax refers to asynchronous java script and xml. It is not a not a programming language. Ajax is of Asynchronous type. It normally uses XML, plain text or JSON to communicate with server i.e. for data transfer.

Note: Ajax is technology independent.

As we discussed in previous tutorial that XMLHttpRequest object is used for communication between client and server.

The onreadystatechange, readyState, status and statusText properties are used in ajax http response.

Ajax 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”).

 

Example

<!DOCTYPE html>
<html>
<body>
 
<div id="test">
<h2> Ajax http response</h2>
<button type="button" onclick="loadDocument()">Change Content</button>
</div>
 
<script>
function loadDocument() {
  var xhttp = new XMLHttpRequest();
  xhttp.onreadystatechange = function() {
    if (this.readyState == 4 && this.status == 200) {
      document.getElementById("test").innerHTML =
      this.responseText;
    }
  };
  xhttp.open("GET", "test.txt", true);
  xhttp.send();
}
</script>
 
</body>
</html>

 

Posted in Ajax   
Sign Up/ Sign In
Ask a Question


Industrial Training

We offers Placement Oriented Training on Java, Spring, JSF, Hibernate, PHP, AngularJS, Angular 4, PLSQL, Oracle BI Publisher etc. We also provides Online training, please mail us at hr@codesjava.com.

Development

We also provides the Development services for Website Development , Java Development, PHP Development, Android App Development etc. You can contact us on hr@codesjava.com.

Copyright © 2018 CodesJava DMCA.com Protection Status SiteMap Reference: Java Wiki