15 Best Ajax Tutorials To Get You Started

How To Create Your First AJAX and PHP Contact Form

AJAX is a great way to submit data without a page refresh and is a great tool for certain elements of a website, such as a contact form. So how do we go about doing so? Today, we will take it step by step and build your first AJAX and PHP contact form. We’ll be using jQuery and the popular email validation code found on google code (originally by AddedBytes) to help us out.

Best Ajax Tutorials-Phpcontactform

View Tutorial

A simple AJAX website with jQuery

Using jQuery, PHP and CSS, you will go through the process of creating a basic AJAX website. The finished product will load pages through AJAX from the PHP back-end and even completely support the browser history.

Best Ajax Tutorials-SimpleAjaxwebsitejquery

View Tutorial

An AJAX Based Shopping Cart with PHP, CSS & jQuery

In this tutorial we are going to create an AJAX-driven shopping cart. All the products are going to be stored in a MySQL database, with PHP showing and processing the data.

Best Ajax Tutorials-Shoppingcart

View Tutorial

AJAX Multiple File Upload Form Using jQuery

Multiple file upload forms are sometimes essential for your web application but managing upload from multiple file input boxes becomes a bit tedious and lengthy. But thanks to jQuery using which we can make this task easier too. Today I’m going to create an AJAXified multiple file upload form that uses a lot lesser server side code and also provides a very nice user interface.

Best Ajax Tutorials-uploadform

View Tutorial

Create a shoutbox using PHP and AJAX (with jQuery)

We learn how to build a momentum-based AJAX shoutbox with jQuery from scratch. It is very interesting to learn how to use the jQuery AJAX function and how it can be used to insert and retrieve data from a MySQL database with PHP asynchronous.

Best Ajax Tutorials-Shoutbox

View Tutorial

Making an AJAX Web Chat

When discussing real time communication, there aren’t many solutions that can rival the power of a simple webchat. What is even better, is that you already have all the tools you need to create one  your web browser. This, coupled with the fact that this is also one of the most requested tutorials by Tutorialzine’s readers, means that it is about time to start coding.

Best Ajax Tutorials-webchat

View Tutorial

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

This tutorial will help you to 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.

Best Ajax Tutorials-makingtodolist

A Twitter List Powered Fan Page

Also, at the same time, they expanded their API to include list management functionality. This allows us to use these new tools to create a widget that flips lists the other way around a fan page you can put in your sidebar, that allows your visitors to fill in their twitter name and join a specially crafted fan list in your twitter account.

Best Ajax Tutorials-twitterfanpage

View Tutorial

Fantastic AJAX Newsletter Module

This free app should be great for any newsletter management needs. Copy this one file onto your site, and you’re ready to send and archive all newsletters, manage e-mail addresses and categories, and configure a template for your e-mails. If needed, the source code is well documented!

Best Ajax Tutorials-newslettermodule

View Tutorial

An AJAX Click to Appreciate Badge

Today we are implementing such a badge, which you can include in every page of your website with a bit of jQuery magic. So go ahead and download the zip from the button above (PSD included!) and continue with the tutorial.

Best Ajax Tutorials-appreciatebadge

View Tutorial

How to Create an Infinite Scrolling Web Gallery

When working my way through a web gallery, I find it annoying when I must change pages; so in today’s tutorial, we will learn how to create an auto-generating, one-page, infinite scrolling gallery with PHP and AJAX.

Best Ajax Tutorials-scrollinggallery

View Tutorial

Taking AJAX Further with PHP

Best Ajax Tutorials-ajaxphp

View Tutorial

Simple AJAX Commenting System

This time, we are making a Simple AJAX Commenting System. It will feature a gravatar integration and demonstrate how to achieve effective communication between jQuery and PHP/MySQL with the help of JSON.

Best Ajax Tutorials-ajaxsimplecommenting

View Tutorial

How To Create An Amazing jQuery Style Switcher

In this tutorial I will be showing you 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.

Best Ajax Tutorials-jQuerystyleSwitcher

View Tutorial

Ultra-lightweight Charts For AJAX

applications, here’s a really simple example how you can use Flash and AJAX together seamlessly within your applications. Yes, i said Flash, not Flex. In this example I created an ultra-lightweight ActionScript-only charting project that can be used within AJAX applications.

Best Ajax Tutorials-chartbox

View Tutorial