So according to me it is very important to learn AJAX now-a-days, and for the reason today I have compiled a list of useful AJAX tutorials. Hopefully you will like them and implement them in your next website. Enjoy!!
1- 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 (something that is normally difficult to achieve with any AJAX or Flash website).
2- How To Create Your First AJAX and PHP Contact Form
You’ve been to websites that use them, a nice little AJAX 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.
3- 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.
4- Ajax IM
Ajax IM (“Ajax Instant Messenger”) is a browser-centric instant messaging framework. It uses AJAX to create a real-time (or near real-time) IM environment that can be used in conjunction with existing community and commercial software, or simply as a stand-alone product.
5- 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.
6- 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!
7- Build An AJAX Powered Shopping Cart
The NETTUTS community asked for it. So here you are! One of the innovations of the web is online shopping. It allows us to buy things without ever leaving the comfort of our homes. However, the most basic element of online shopping, the shopping cart, has not evolved much. In this tutorial, we’re going to make an AJAX powered shopping cart using PHP, jQuery, and a few nifty plugins.
8- 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. Let’s get started!
9- 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.
10- 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.
For this tutorial, i’ll be using latest version of jQuery and Ajax upload library by Andrew Valums. Grab both libraries and add them to your page header
11- Taking AJAX Further with PHP
Following up on the preceding introduction, this post goes a bit further.
12- Google AJAX APIs
13- Learn how to AJAXify Comment Forms
In this week’s video tutorial, I’ll teach you how to take a simple, boring contact form and add some animations and an AJAX post request to submit the form to your MySQL database asynchronously.
In addition, we’ll also implement a bit of server and client-side validation to better secure our data. When submitting to the database, we’ll also review the most secure methods, including the use of prepared statements, which will bind the necessary values to each query, rather than embed them.
14- A Twitter List Powered Fan Page
Recently, Twitter rolled out a great new feature on their site – lists. You can now create and compile a list of twitter users and make it easier for others to follow all at once.
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.
15- Build dynamic Java applications With Ajax
16- An Introduction to the Raphael JS Library
It will introduce some key design features, a look at the animation, DOM and eventually allow access by creating a cool widget for your site
17- Preloading Data with Ajax and JSON
Web applications have made huge leaps and bounds in improving user experience thanks to a lot of recently developed fancy-pants technology. In an effort to help you take it up a notch, we’d like to share a method for helping your site anticipate a user’s next move.
On most sites, there are usually only a handful of options that can be done at any given moment and often some of these options are more likely than others. By determining what is important on each page, we can preload the data of the user’s next action and store it on the client with JSON. When the user decides to perform their next action, they’ll see their results almost instantly because the info was loaded in the background.
18- Ajax RSS reader
19- Ajax Fancy Captcha
Ajax Fancy Captcha is a jQuery plugin that helps you protect your web pages from bots and spammers. We are introducing you to a new, intuitive way of completing “verify humanity” tasks. In order to do that you are asked to drag and drop specified item into a circle.
Captcha’s security level is medium, with the emphasis on nice looking and user friendly qualities while still offering reasonable protection from unwanted “guests”. Basic design and its elements are easy to change and customize (take a look at file structure for more information).
20- Voting system with jQuery, Ajax and PHP
Voting system with jQuery, Ajax and PHP is one of the best example .
21- How To Make Sortable Lists With Ajax
Many web applications need to offer an interface to order items – think about categories in a weblog, articles in a CMS, wishes in an e-commerce website… The old fashion way of doing it is to offer arrows to move one item up or down in the list. The AJAX way of doing it is to allow direct drag-and-drop ordering with server support. This chapter will describe both ways, together with a few tips on the way to enhance your object model and to do complex queries with Creole.
22- 8 Ajax Data Controls and Effects to Work with Tables
I was wandering around the various projects associated with HTML tables and data management. To achieve the proper table of the user for their web projects.
23- How to integrate Google Calendar in your website using AJAX
One of the features I find it interesting in Google calendar is the possibility to create shared calendars, but also the availability of your calendar as XML or ICAL whatever it’s a private or public one. As soon as we have XML of our calendar available I was wondering why not integrating Google calendar directly in website. For example a community that use the service to manage their events, or to display your future trips in your blog.
24- Autosuggest With AJAX
For all beginners Ajax (the easiest to implement only 8Kb) and all you need to do is change some settings. Check this post for more information.
25- Ajax Forms with jQuery
26- 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.