10 Excellent Ajax Techniques

1. Ajax RSS reader

Build a simple RSS reader that takes remote XML data from RSS feeds using Ajax, PHP, and MySQL. This example allows users to view feed content from multiple sources in one page. At the bottom of the article, you’ll find an animated demonstration of the RSS reader.

2. Ajax Desktop Tutorial

This tutorial is a step-by-step guide on how to create a desktop/homepage similar to Pageflake and Netvibes. The goal of this tutorial is to showcase some common techiques involved in developing web-based applications like manipulating the Document Object Model (DOM), listening to events (i.e. certain mouse movements), and working with remote data.

• Ajax Desktop demo

3. Ajax for Chat

Learn to build a simple web-based chat client using asynchronous JavaScript, XML, and PHP. The tutorial’s example utilizes the Prototype JS framework, MySQL, and PHP.

4. AJAX file upload tutorial

In this tutorial, you’re shown how to create a file uploader. The tutorial uses JavaScript and PHP.

• AJAX File Uploader demo

5.Ajax-based login form

Create a basic login form that asynchronously validates the inputted data. The example uses the jQuery form plugin and PHP to process the request.

• Ajax-based login form demo

6. AutoCompleter Tutorial

The AutoCompleter tutorial teaches you how auto completion of input fields can be accomplished. The example uses jQuery, PHP, and MySQL.

• AutoCompleter tutorial demo

7. Auto-populating Select Boxes using jQuery & AJAX

A key technique in Ajax applications is to populate content without a page refresh. In this tutorial, you’ll witness how this is done with a PHP and JavaScript (jQuery to make it easier).

• Auto-populating Select Boxes demo

8. How to Load In and Animate Content with jQuery

This step-by-step tutorial shows you how to load data into a web page using jQuery to handle the Ajax request and manipulation of the DOM.

• Load In and Animate Content demo

9. Avoid unnecessary Ajax traffic with session state

This article presents a method for minimizing unneeded database/computational processes and avoiding large status updates if no changes have occurred. By using client cookies to keep track of the session’s state, you can cut down on processes that may be redundant. Though the article presents an example using Python for server code – the model remains the same in virtually any language you use.

10. Building Tabbed Content

Learn how to build a tabbed content component with the data populated via Ajax. The tutorial uses PHP and Prototype JS.

• Building Tabbed Content demo

No related posts.