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.

wdp-ajax-comments-wordpress

 

RSS Ajax JavaScript ticker


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

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.

shoutbox

 

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.

ajax

 

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.

client-side

 

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

untitled

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