Best Web Design

50 Excellent AJAX Tutorials

Posted by: rohitdubal on: February 16, 2009

AJAX provides Web developers with plenty of opportunities to enhance the user experience and improve the performance of their websites. There are countless ways that AJAX can be used, and fortunately there are plenty of good and useful AJAX tutorials out there to help you with your own implementation.

This post serves as a collection of useful tutorials on working with AJAX in a wide variety of ways. You’ll find tutorials on working with forms, building shopping carts, creating chat features, working with log-ins and usernames and much more.

For more on AJAX see:

Useful AJAX Tutorials

Build an AJAX-Powered Shopping Cart
NETTUTS shows us how to build an AJAX-powered shopping cart using PHP, jQuery and some plug-ins.

AJAX


AJAX Username Availability Checker Using MooTools 1.2
When allowing a user to register a username, you can use AJAX with MooTools to let them check the availability of the username being submitted.

Introduction to AJAX Calls Using jQuery and PHP
If you’re not familiar with using AJAX calls with jQuery and PHP, this is a good starting point.

AJAX and XML: AJAX for Tables
IBM.com has a lot of useful articles on using AJAX. This one shows how to create tabs and tables.

AJAX and XML: AJAX for Chat
Learn how to create a simple chat box for a website.

Creating a Dynamic Poll with jQuery and PHP
This poll is created with PHP, XHTML and jQuery. AJAX effects are used to eliminate the need for a page refresh when the poll is submitted.

RSS AJAX JavaScript Ticker
This AJAX ticker may be useful for displaying news headlines or similar content to visitors.

Building Your First AJAX Application with PHP
An introductory post for getting started with AJAX.

Taking AJAX Further with PHP
Following up on the preceding introduction, this post goes a bit further.

jQuery/JavaScript – Customizable AJAX Pagination
AJAX can also be used to improve the pagination of a website.

One Form, Many Uses – Server-Side jQuery with Jaxer
AJAX can help you get more use out of one form rather than create multiple forms.

How to Call Server-Side Function from Client-Side Code Using PageMethods in ASP.NET AJAX
This post shows a work-around for calling server-side functions from the client side.

Developing Portlets Using JSF, AJAX, and Seam – Part 1, Part 2, and Part 3
An in-depth three-part series to help you create portals.

AJAX Forms with jQuery
Trevor Davis shows how to create a form that will check an email address for validity, makes sure there are no blank fields and display an error if something isn’t right or complete.

Easily Build Powerful Client-Side AJAX Paging Using jQuery
This is another useful tutorial on improving pagination with AJAX.

Use jQuery and ASP.NET AJAX to Build a Client-Side Repeater
This tutorial shows how to improve user experience and reduce server load by using a client-side repeater.

Develop AJAX Applications Like the Pros – Part 1: Using the Prototype JavaScript Library and Script.aculo.us
The first part of this three-part series includes an introduction to the Prototype JavaScript library.

Develop AJAX Applications Like the Pros – Part 2: Using the Prototype JavaScript Framework and Script.aculo.us
The second of the three parts moves on to the Scriptaculous library.

Develop AJAX Applications Like the Pros – Part 3: Use DWR, Java, and the Dojo Toolkit to Integrate Java and JavaScript
The third and final part takes you through the process of setting up a message board.

PHP Components: Autosuggest
Using PHP and AJAX, you can add an autosuggest feature to a search box.

AutoCompleter Tutorial
This tutorial produces a result similar to the preceding tutorial.

A Dynamic AJAX Table Example Using Dojo and RESTful Web Services on Glassfish
This tutorial takes you through the process of creating a dynamic table as you would see on a travel-booking website.

AJAX Overhaul – Part 1: Retro Fit Existing Sites with AJAX and jQuery
Have an existing website that needs some enhancements? This tutorial series takes you through the process.

AJAX Overhaul – Part 2: Retro Fit Existing Sites with jQuery, AJAX, Tooltips, and Lightboxes
The second part of this series takes you further through the process of improving a shopping website with tooltips and lightboxes.

AJAX Overhaul – Part 3: Retro Fit Existing Sites with jQuery, AJAX Tabs, and Photo Carousels
The third part of the series adds some nice AJAX effects with tabs and carousels.

AJAX Overhaul – Part 4: Retro Fit Existing Sites with jQuery and AJAX Forms
The final part of the series looks at enhancing the purchase form.

Auto Populating Select Boxes Using jQuery and AJAX
Learn how to allow users to choose a top-level category in a select box that will trigger the subcategory box to autopopulate.

Using AJAX to Validate Forms
Use PHP and jQuery with some AJAX to create a form that validates the data entered.

Easy AJAX with jQuery
This tutorial includes some introductory information on AJAX and jQuery and will help you get started.

Quick and Dirty AJAX (video)
This brief video tutorial shows some ways to improve the functionality of a website with jQuery and AJAX.

Load Content While Scrolling with jQuery
This tutorial creates a scrolling effect similar to DZone’s.

Wicket – Updating ListViews Using an AjaxLink
Create a table that will update without a full page refresh when a link is clicked.

AJAX for Evil: Spyjax
A look at the dark side of AJAX: viewing browsing habits.

How to Integrate Google Calendar in Your Website Using AJAX
Calendars have a great use in a number of websites.

Edit in Place with AJAX Using jQuery JavaScript Library
Allow a visitor to edit the HTML of a page they are visiting.

Creating an AJAX Rating Widget
Create a rating widget that allows visitors to rate an item with stars or some other measurement.

Use AJAX and PHP to Build Your Mailing List
Allow visitors to subscribe to a mailing list without a page refresh.

Nice AJAX Effect for Message Box Using MooTools
Use this AJAX effect to give visitors a message based on some action.

Build an AJAX Dropdown Menu
This is a fairly simple tutorial on creating a drop-down menu.

Making AJAX Work with Screen Readers
For accessibility purposes, this article covers how AJAX effects can affect users of screen readers.

How to Load In and Animate Content with jQuery
Another NETTUTS tutorial for enhancing a website with jQuery and AJAX.

Continuous Pagination
Another look at the subject of pagination by demonstrating continuous pagination, in which the user keeps scrolling down rather than going to another page.

Making Element Selection and AJAX simple with DOMAssistant
A tutorial to get you started with the DOMAssistant JavaScript library.

Slider Using PHP, AJAX, and JavaScript
Create a nice slider using PHP, JavaScript and AJAX.

ASP.NET AJAX Calendar Extender
Seven different tips and tricks for working with this calendar extender.

Log-in/Sign-up Screen Using AJAX Modal Pop-up Extender
This is a quick look at creating log-in and sign-up forms.

Dealing with Large Data in AJAX
Get your AJAX application to meet your data requirements.

Creating a Gmail-Like AJAX Status Display
Use Prototype and AJAX to create this status display.

Creating an AJAX-Enabled Calendar Control
Another tutorial that focuses on enhancing calendars with AJAX effects.

JavaScript Error Publishing using ASP.NET AJAX
Use AJAX to display errors in code.

Leave a Reply


  • KWAME: Your work is superb!
  • ishan banga: Nice share.. ------------------------------------------------------------------------------------ I m a webdesigner view
  • ishan banga: nice one for sure... 49 Free Ultimate

 

February 2009
M T W T F S S
« Nov   Mar »
 1
2345678
9101112131415
16171819202122
232425262728  

Flickr Photos

Nubes de lluvia - Rain clouds - Explore ! (Front Page)

Sligachan II

More Photos

Follow me on Twitter

Error: Twitter did not respond. Please wait a few minutes and refresh this page.

More on rohitdubal.wordpress.com

RSS Suscribe Me

  • PageOnce Auto Invitations For Hongkiat.com Readers June 2, 2009
    Aimen (VP of PageOnce) drop me an email today, I guess he felt sorry that I’m actually doing invitations manually, lol. For those of you guys who are still interested in getting a private invitation to tryout PageOnce instead of waiting for the official launch, you can now ‘self-invite‘ or register an account [...]
    rohitdubal
  • SendAlong – Send Large Email Attachments Over Internet June 2, 2009
    Over the pass few years, we’ve seen rapid increase in terms of storage space from few of the free email providers like Gmail, Yahoo! Mail, Hotmail (Windows Live Mail), etc but rarely these guys increase the file attachment capacity. Most free email services limit you to send a maximum of 10Mb attachment per email. SendAlong is [...]
    rohitdubal
  • Viwawa – Play Multiplayers Mahjong, Big5 (and more) Online June 2, 2009
    Here’s what got me stuck in front of the monitor for the pass 3 hours – Viwawa. Weird name but cool site with fun multiplayer games like Stwack, Match It, Checkmate, Sushido and my all time favourite chinese gambling games mahjong and big 5. The most interesting part is all these games are multi players. [...]
    rohitdubal
  • Turn Yourself Into Superstar With FaceInHole June 2, 2009
    If you think putting your head up famous magazines like Time, Forbes, GQ, etc is fun, wait till you try this. Faceinhole says forget about the magazine covers, let’s make you a celebrity. Turn yourself into Fabio Cannavaro holding the world cup trophy, superman, Austin Powers, G.Bush, Osama Bin Laden, etc with the [...]
    rohitdubal