|Top 5 Tutorials for the Ajax Enthusiast|
|Written by Limor Leah Wainstein|
|Friday, 02 March 2018|
Here are five tutorials for getting to grips with Ajax, a technology that allows web pages to be updated asynchronously by exchanging data with a web server behind the scenes. With Ajax, it's possible to update parts of a web page, without a need to reload the whole page.
The main benefits of using Ajax relate to improved speed and usability for web applications. Many popular services such as Netflix use Ajax calls, for example, by letting users rate a TV show without reloading the page. Another use case is evident on sites that rely on user generated content, such as Reddit, on which users can rate posts and leave comments without needing to refresh the page.
Some other useful things you can do using Ajax include Ajax file upload tasks, which let users upload files without requiring an entire refresh of the web page, and form autocomplete, which uses Ajax to make suggestions to users about search terms (see the following wiki page for resources on Ajax file upload).
Tutorials can provide a useful starting point for programmers who want to understand Ajax techniques and use this powerful tool when building their web apps. There are many high-quality and free tutorials available online, the five best of which you’ll find out about in this article.
W3Schools Ajax Introduction
Tutorialspoint Learn Ajax
Mozilla Ajax Getting Started
W3 Resource: Working with Ajax, PHP and MySQL
This W3 resource tutorial focuses on the use case of making Ajax work with PHP and MySQL in a simple web application. The idea is that when a user begins typing in a field, an Ajax request goes to a PHP server, which queries a MySQL table. The results from the query are then displayed to the user. This is an example of how to achieve the form autocomplete that Ajax techniques are often used for.
LearnWebCode JSON and AJAX Tutorial
This 40-minute video tutorial goes through Ajax and JSON, in particular, teaching you how the two can be used together to update web page data on-the-fly. There are some real examples that you can follow along with via the links provided in the video’s description.
These five tutorials provide a wealth of knowledge for free and they can really help to familiarize you with Ajax and give you a good basic working knowledge of this useful set of development techniques. It’s important to also follow some of the best practices for Ajax development, including:
Combining the knowledge you glean from these tutorials with some Ajax best practices will have you well on your way to developing web apps with a rich range of interactive features, like Ajax file uploads, form autocompletes, and voting scripts.
Image credit: Gengns-Genesis
or email your comment to: firstname.lastname@example.org
|Last Updated ( Friday, 02 March 2018 )|