30+ Useful AJAX Techniques to Build Websites

Ajax (shorthand for asynchronous JavaScript and XML) is a group of interrelated web development techniques used on the client-side to create interactive web applications. With Ajax, web applications can retrieve data from the server asynchronously in the background without interfering with the display and behavior of the existing page. The use of Ajax techniques has led to an increase in interactive or dynamic interfaces on web pages. Data are usually retrieved using the XMLHttpRequest object. Despite the name, the use of XML is not actually required, nor do the requests need to be asynchronous.


AutoCompleter Tutorial


Build an AJAX-Powered Shopping Cart


AJAX-Based Shopping Cart with PHP, CSS and jQuery


A Twitter List AJAX-Powered Fan Page


AJAX Table Sort Script


Fancy Upload


LightBox 2


AJAX Multiple-File-Upload Form Using jQuery


How to Send Facebook-Style Mail with PHP, AJAX and jQuery


Ajax RSS reader


Ajax Tabs Content


AJAX Floating Windows


Facebook-like Auto-Suggestion with jQuery, AJAX and PHP


Ajax poller


AJAX Fancy Captcha


Calendar Eightysix


Learn How to AJAXify Comment Forms


Using AJAX to Validate Forms


Mocha UI


An Accessible Slider


Coda Popup Bubbles


Auto-scrolling page navigation


Creating an AJAX Web App Using the Bit.ly API


Create a Twitter-Like “Load More” Widget


Simple Twitter App with Ruby on Rails


Voting System with jQuery, AJAX and PHP


AJAXify WordPress Comment Posting


Create a Dynamic Scrolling Content Box Using AJAX


Create an In-Place Editing System


How to Create a Simple Web-Based Chat Application


How to Integrate Google Calendar in Your Website Using AJAX


Related Posts:

Author:

Dipankar Jana, 21 year old student of Computer Science and article writter of Djdesignerlab.com. His latest creative field is web design and wordpress theme development. He also used to write articles for mystrious.com and djdesignfuture.com. If you'd like to connect with him, you can join him on facebook or follow him on twitter.

Submit a Comment

Your email address will not be published. Required fields are marked *


five × 7 =

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>