How AJAX Works
The best way to learn this topic to understand the comparison between the traditional method of calling the Web page from the server and AJAX methodology.
Traditional WebPage Call
- User interacts with the webpage to perform its operation
- The request is submitted to the Web Server along with the information user wants
- Server checks for the details and might require to interact with the Database and finally returns the response to the browser
- Browser displays the user response details in the form of refreshing the webpage
Traditional WebPage Call
- User has to wait until the page reloads
- User can perform only one action at a time
AJAX come to the rescue:
With AJAX user can fetch the data from the server without refreshing the whole page. During AJAX call following steps are followed
- User interacts with the web page to perform its operation. At this point your webpage internally through JavaScript calls a remote file and the user data is passed through GET/POST method
- The web server receives the request processes it and send the data back to the client browser
- At this point the web page is not reloaded and the browser JavaScript engine is waiting for the response from the web server.
- The web page gets the response from the server and dynamically through JavaScript displays the content fetched from the server
Advantage of using AJAX:
- Make multiple AJAX calls with different request from the same page
- Instant result
- Not to wait for the page to get reload
Ready for going deep into AJAX Programming, if yes than check out the links below.
Similar Posts
Did you enjoy this post? Why not leave a comment below and continue the conversation, or subscribe to my feed and get articles like this delivered automatically to your feed reader.
Comments
No comments yet.
Leave a comment