Here are 30 AJAX Tutorials to hone your skills on… Ajax (shorthand for asynchronous JavaScript and XML) is a group of interrelated web development techniques used on the client-side to create interactive web applications. With Ajax, web applications can retrieve data from the server asynchronously in the background without interfering with the display and behavior of the existing page.  The use of Ajax techniques has led to an increase in interactive or dynamic interfaces on web pages.  Data is usually retrieved using the XMLHttpRequest object.  Despite the name, the use of JavaScript and XML is not actually required, nor do the requests need to be asynchronous.

1. Ajax Username Availability Checker Using MooTools 1.2

There a many examples of egregious usages of Ajax out there but every once in a while you find a great usage of Ajax. One great usage is the username availability checker. Why make the user submit their form if you can just use Ajax to let them know if it’s available right away? Here’s how you can implement a username available checker using MooTools 1.2.

2. Ajax and XML: Ajax for tables

In this article, you will see several techniques—both with Ajax and without—that demonstrate this context change-free approach to user experience design.  Starts with the simplest example of Ajax user experience, the tabbed window.

3. Introducing the ASP.NET Ajax Frameworks

This article takes a brief look at the features of some of the more widely used ASP.NET Ajax frameworks.

4. How To: AJAXify WordPress Comment Posting

Shows you how to make comments on your WordPress blog step by step.

5. Ajax and XML: Ajax for chat

Learn to build a chat system into your Web application with Asynchronous JavaScript™ + XML (Ajax) and PHP. Your customers can talk to you and to each other about the content of the site without having to download or install any special instant-messaging software.

6. How To Create An Amazing jQuery Style Switcher

This tutorial will show you how to create a style switcher using jQuery and PHP.

7. Introduction to the Raphael JS Library

Introduction to some key design features, a look at animation, DOM, and eventually a cool widget tutorial for your site.

8. Creating a Dynamic Poll with jQuery and PHP

In this tutorial, you’ll make a poll using PHP and XHTML, then use some jQuery Ajax effects to eliminate the need to refresh the page.

9. RSS Ajax JavaScript ticker

This tutorial will show you how to combine RSS, Ajax, JavaScript to create a live ticker RSS.

10. Create a Dynamic Scrolling Content Box Using AJAX

Create a dynamic content box just like Google Reader or DZone.

11. Create a shoutbox using PHP and AJAX (with jQuery)

Learn how to build a momentum-based AJAX shoutbox with jQuery from scratch.

12. Building your first Ajax application with PHP

This tutorial throws you in at the level of building your first ever Ajax application in PHP. So for this one, you need a working knowledge of PHP and a good grasp of programming basics.

13. How To Build Quick and Simple AJAX Forms with JSON Responses

In this lesson you’ll go through steps to create an AJAX form, which will return a response JSON which is used to display the success / error messages. You’ll use Jquery Form Plugin to make the process quick and painless.

14. Vista-like Ajax Calendar version 2

Vista-like Ajax Calendar (vlaCalendar) version 2, unobtrusive web version of the slick and profound Windows Vista taskbar calendar, by using the MooTools JavaScript framework, Ajax, XHTML, CSS and PHP.

15. Create an In-Place Editing System

Making users click through multiple pages just to edit a field is so 1999. In this tutorial, you’ll learn how to create an in-place editing system as found on popular sites, such as Flickr.

16. How to Code a Fun To-Do List With PHP and AJAX

Build a to-do list that will allow you, or your user, to create, update, and delete items asynchronously. To accomplish our task, we’ll be using PHP and jQuery’s AJAX capabilities.

17. AJAX Multiple File Upload Form Using jQuery

Create an AJAXified multiple file upload form that uses a lot lesser server side code and also provides a very nice user interface.

18. 8 Ajax Data Controls and Effects to Work with Tables

Neat way to create spreadsheet like tables for your web projects.

19. Ajax Forms with jQuery

Turn a regular form, into an AJAX Form!

20. Making an Ajax PHP Watermarker Script

In this article  you’ll learn how to make Ajax Watermarkers.

21. Use jQuery and ASP.NET AJAX to build a client side Repeater

Build a client-side repeater with .NET and AJAX.

22. Ajax for Java developers: Build dynamic Java applications

The page-reload cycle presents one of the biggest usability obstacles in Web application development and is a serious challenge for Java™ developers. In this series, author Philip McCarthy introduces a groundbreaking approach to creating dynamic Web application experiences. Ajax (Asynchronous JavaScript and XML) is a programming technique that lets you combine Java technologies, XML, and JavaScript for Java-based Web applications that break the page-reload paradigm.

23.Using the Prototype JavaScript library and script.aculo.us

If you’re developing Web applications these days, then you’re doing Ajax development. Ajax is no longer something unusual that you add to your applications in special cases. It has become an integral part of Web development. To some, enhancing applications with Ajax used to be a tricky proposition. Cross-browser limitations to deal with, writing a lot of complicated JavaScript, and learning about magic numeric codes within that JavaScript were just a few of the challenges facing Ajax developers. Thankfully, several open source JavaScript libraries are available now to make things much easier. In this first article in a three-part series, you will create an Ajax application for managing songs using the Prototype JavaScript library and script.aculo.us.

24.Ajax security tools

Certain vulnerabilities within Ajax applications can allow malicious hackers to reek havoc with your applications. Identity theft, unprotected access to sensitive information, browser crashes, defacement of Web applications, and Denial of Service attacks are just a few of the potential disasters Ajax applications can be prone to and which developers need to guard against when building Ajax capabilities into their applications. Regular developerWorks author Judith Myerson suggests some application-strengthening tools, including Firefox tools and add-ons, which you can use to improve or solve security problems within your Ajax applications.

25. PHP components: Autosuggest

Tutorial teaches you how to build a PHP component with auto-suggest feature.

26. Creating An Amazing jQuery Style Switcher with Ajax Techniques

This tutorial shows how to create a style switcher using jQuery and PHP. The end result will be an unobtrusive & entirely degradable dynamic style switcher which will be quick and easy to implement.

27. Easy Ajax with jQuery

Build your first AJAX application with jQuery.

28. AutoCompleter Tutorial – jQuery(Ajax)/PHP/MySQL

A more indepth “search auto-completer”.  These are so cool you almost can’t pass them up.

29. Auto-populating Select Boxes using jQuery & AJAX

Allow your users to select a top level category from one select box and to automatically populate the sub-category.

30. Using Ajax to Validate Forms

Another form validation tutorial with AJAX.

Tags: ajax and xml, ajax calendar, ajax chat, ajax client side repeater, ajax data controls, ajax form validation, ajax forms, ajax in-place editing, ajax java applications, ajax jquery, ajax multiple file upload, ajax security, ajax shoutbox, ajax style switcher, Ajax Tutorials, ajax username checker, ajax watermark script, ajax wordpress comments, ajax xml tables, asp.net ajax framework, auto-populating select boxes, autosuggest, dynamic jquery polls, dynamic php polls, dynamic scrolling content ajax, jquery multiple file upload, jquery style switcher, json responses, php ajax application, php shoutbox, Prototype, raphael js library, rss ajax javascript ticker, script.aculo.us, search auto-completer