15 Very Useful Hand-Picked AJAX Tutorial

Chat-256x256 Ajax is a technique for handling external data through JavaScript asynchronously, without reloading the entire page. Maybe you have heard about Ajax before, or at least used an Ajax-based application for example Gmail. The use of Ajax techniques has led to an increase in interactive or dynamic interfaces on web pages. Ajax is not a technology in itself, but a group of technologies as DHTML and LAMP. Then we have collect 15 very useful toturials which hope can help you understand it quickly. Now let’s start.

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.

Ajax Username


Ajax and XML: Ajax for tables

One strong suit of Asynchronous JavaScript™ + XML (Ajax) is presenting data from the server to users in a dynamic fashion. Discover several techniques that use Ajax for dynamic data display using tables, tabs, and gliders.

Ajax for tables


AJAXify WordPress Comment Posting

It will show you how to enable AJAX comments with client side JavaScript comment form validation on your WordPress blog step by step that should work with most versions of WordPress.



RSS Ajax JavaScript ticker

In this tutorial, you will learn how to combine RSS, Ajax, and JavaScript to create a live RSS ticker.



Create a shoutbox using PHP and AJAX (with jQuery)

In this tutorial, you will learn how to create a dynamic ajax based shoutbox with jQuery from scratch. It will be very interesting to know how to use the ajax function of jQuery and how it can be used to insert and recover data from a MySQL database via PHP in a way asynchronous.



Build Quick and Simple AJAX Forms with JSON Responses

In this tutorial, you will go through the steps to setting up an AJAX form, which will return a JSON response used to display success/error messages. We will be using jQuery and jQuery Form Plugin to make this entire process very quick and painless.

AJAX form


Create an In-Place Editing System

In this tutorial, you’ll learn how to create an in-place editing system as found on popular sites, such as Flickr.

Editing System


AJAX Multiple File Upload Form Using jQuery

In this tutorial, you’ll learn how to create an AJAXified multiple file upload form that uses a lot lesser server side code and also provides a very nice user interface.

AJAX Multiple File


Create An Amazing jQuery Style Switcher

In this tutorial, you will learn 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.

Style Switcher


Build dynamic Java applications

In this first article, it explains the concepts behind Ajax and demonstrate the fundamental steps to creating an Ajax interface for a Java-based Web application. It uses code examples to demonstrate both the server-side Java code and the client-side JavaScript that make Ajax applications so dynamic.



Easily build powerful client-side AJAX paging, using jQuery

In this post, you will learn how to implement great client-side paging, using jQuery and ASP.NET AJAX. It show every step very detail.



Creating an Ajax contact form – from start to finish

In this tutorial, you will learn how to create an Ajax contact form from start to finish. It includes the form HTML/CSS, the JavaScript and the PHP backend. Obviously the form needs to work when JavaScript is disabled so you will have to create a functional PHP solution first, and then enhance it with AJAX.

contact form


Google AJAX APIs

Google’s AJAX APIs let you implement rich, dynamic web sites entirely in JavaScript and HTML. You can add a map to your site, a dynamic search box, or download feeds with just a few lines of JavaScript.

Google AJAX APIs


AutoCompleter Tutorial – jQuery(Ajax)/PHP/MySQL

The author write this tutorial because most of the auto completer applications he have seen just dump the code into a zip and tell you how to use it rather than how and why it works, knowing about this enables you to customise it a lot more.

AutoCompleter Tutorial


Auto-populating Select Boxes using jQuery & AJAX

In this tutorial you will learn how to allow the user to select a top level category from one select box and to automatically populate the sub-category


Share and Enjoy:
  • Digg
  • del.icio.us
  • Facebook
  • Google Bookmarks
  • DZone
  • Reddit
  • Technorati
  • StumbleUpon
  • Twitter
RSS Enjoy this Post? Subscribe to Ntt.cc

RSS Feed   RSS Feed     Email Feed  Email Feed Follow us Follow us
You can leave a response, or trackback from your own site.

Leave a Reply