How to Handle the Response from the Server in Ajax
See Ajax: Tips and Tricks for similar articles.Because Ajax calls are asynchronous, we can't be sure when the response will come, so we must write code to wait for the response and handle it when it arrives.
- Create an
XMLHttpRequest
object and make a request. Learn how to create one here.var xmlhttp = new XMLHttpRequest(); xmlhttp.open("GET","http://www.example.com/Demo?FirstName=Chris&LastName=Minnick");
- To detect the response, look for a change in the state of the
xmlhttp
response, using theonreadystatechange
event handler.xmlhttp.onreadystatechange = function() { //Do something here }
- Write a callback function to do something when the state of the response changes.
xmlhttp.onreadystatechange = function() { console.log("Ready State: " + xmlhttp.readyState); }
- Use the
send()
method to send the request.xmlhttp.send();
Related Articles
- How to Make a Cross-origin Ajax Request
- How to Create a Login Form with Ajax
- How to Set Up Automatic Session Timeout with Ajax
- How to Use the Callback Function in Ajax
- How to Develop a Web Application with Ajax
- How to Make GET, POST, and HEAD Requests Using Ajax
- How to Use the jQuery ajax() Method
- How to Create a Lookup Form with Ajax
- How to Create a Slideshow with Ajax
- How to Handle the Response from the Server in Ajax (this article)
- How to Set Up for Ajax Training on Windows
- Inline Editing Using Ajax
- How to Create a Navigable Table with Ajax