- AJAX Tutorial
- AJAX - Home
- AJAX - What is AJAX?
- AJAX - History
- AJAX - Dynamic Versus Static Sites
- AJAX - Technologies
- AJAX - Action
- AJAX - XMLHttpRequest
- AJAX - Sending Request
- AJAX - Types of requests
- AJAX - Handling Responses
- AJAX - Handling Binary Data
- AJAX - Submitting Forms
- AJAX - File Uploading
- AJAX - FormData Object
- AJAX - Send POST Requests
- AJAX - Send PUT Requests
- AJAX - Send JSON Data
- AJAX - Send Data Objects
- AJAX - Monitoring Progress
- AJAX - Status Codes
- AJAX - Applications
- AJAX - Browser Compatibility
- AJAX - Examples
- AJAX - Browser Support
- AJAX - XMLHttpRequest
- AJAX - Database Operations
- AJAX - Security
- AJAX - Issues
- Fetch API Basics
- Fetch API - Basics
- Fetch API Vs XMLHttpRequest
- Fetch API - Browser Compatibility
- Fetch API - Headers
- Fetch API - Request
- Fetch API - Response
- Fetch API - Body Data
- Fetch API - Credentials
- Fetch API - Send GET Requests
- Fetch API - Send POST Requests
- Fetch API - Send PUT Requests
- Fetch API - Send JSON Data
- Fetch API - Send Data Objects
- Fetch API - Custom Request Object
- Fetch API - Uploading Files
- Fetch API - Handling Binary Data
- Fetch API - Status Codes
- Stream API Basics
- Stream API - Basics
- Stream API - Readable Streams
- Stream API - Writeable Streams
- Stream API - Transform Streams
- Stream API - Request Object
- Stream API - Response Body
- Stream API - Error Handling
- AJAX Useful Resources
- AJAX - Quick Guide
- AJAX - Useful Resources
- AJAX - Discussion
AJAX - Applications
AJAX is the commonly used web technology to send and receive data to and from the web server asynchronously without reloading all the components of the web page. It is effortless to understand and use because it doesn't use any new technology instead it is a combination of existing web technologies like JavaScript, XML, HTML, etc. It makes web applications more responsive and interactive so that they can fetch and show data in real-time without refreshing the full page. Due to its tremendous functionality, it is used by almost all web application creators including small or large firms.
AJAX is generally used by almost all the applications present on the internet. Some of the popular applications are −
Google Maps − It is a great example of an AJAX application. It uses AJAX to dynamically update the maps and show only the requested data without reloading the whole page.
Facebook − It is also a good example of an AJAX application. It uses AJAX to update the feeds, notifications, news, and other features. Ajax is also used for update the Facebook content of the web page according to the action of the user.
Gmail − Gmail also uses AJAX to provide a seamless and interactive environment to the user. With the help of AJAX Gmail can update the inbox, delete emails, or mark emails as read without reloading the page.
Twitter − Twitter is also one of the great examples of an AJAX application. Using AJAX provide a real-time environment to the user. Whenever a new tweet is posted it will add to the timeline without refreshing the whole page. The same goes for the notification.
Online shopping websites − AJAX is also used by online shopping websites to show product details and their real-time prices without requiring users to navigate to a new webpage.
Google − Google also uses AJAX for its auto-complete feature. The auto-complete feature comes in the picture when the user enters something in the Google search bar and then this feature provides real-time suggestions in the drop-down list without reloading the original web page. This feature is used in various forms also.
Chats and instant messages − Nowadays most websites use customer support chat facilities through which they can communicate with their customers without reloading the entire webpage. AJAX also achieves this facility.
Form submission and validations − Various websites use AJAX for the submission and validation of forms. It provides an auto-filling feature in some fields of the form and can give suggestions(like autocomplete feature) for the possible entries for the specified field. AJAX is also used to validate the credentials of the user.
Voting and rating systems − Various websites use rating and voting systems, allowing users to customise the data according to the votes and ratings. Also, users can allow to vote or rate the content present on the given website and then the site updates its content accordingly. Such type of sites uses AJAX to manage user votes and rating.
Conclusion
So overall AJAX is a very powerful technique which allows web developers to create interactive and dynamic web applications. Using this technique application can communicate with the server asynchronously without refreshing the whole page for each request. Dynamic applications provide a smooth browser experience to their users. Now in the next article, we will see database operations.
To Continue Learning Please Login