Using AJAX on your website and/or apps is pretty much taken for granted nowadays. Users expect it, they want to be able to edit a page in-place, they want search queries to be auto-suggested, and they want to be able to submit a form without the need to refresh a page. Why? Because these things make browsing a whole lot simpler and quicker, and more importantly, enjoyable.

But no matter how great AJAX is, it’s not ideal for every website or app. Part of a web developer’s job is to know exactly when and where AJAX is needed. Too little can lead to users being frustrated and confused. Too much of it can also cause misunderstanding. A balance and some limitations are always required.

In today’s post, we’ve collected some fresh and useful AJAX tutorials and techniques that cover almost every aspect of AJAX development, from forms and applications, to editing and parsing.

Enjoy!

 

Parsing XML Using jQuery and AJAX

Parsing XML Using jQuery and AJAX

This tutorial will teach you how to parse or process an XML document and display the data on a page in HTML. The process can be used to filter raw RSS feeds, set up a site map on your blog, or even lay the groundwork for your own auto-complete search.

Creating an AJAX Multiple File Upload Form Using jQuery

Creating an AJAX Multiple File Upload Form Using jQuery

In this article, you’ll learn how to develop an AJAX-powered multiple-file-upload form that uses much less server-side code and has a nice user interface. Thanks to jQuery, the time spent on actual development is significantly reduced.

Building a Simple AJAX Driven jQuery Website

Building a Simple AJAX Driven jQuery Website

With PHP, jQuery and CSS, this tutorial will teach you the process of creating a basic AJAX website. The final result will load pages through AJAX from the PHP backend and even completely support the browser history, something that’s normally difficult to achieve with any AJAX or Flash website.

 

How to Create a Dynamic Poll Using jQuery and PHP

How to Create a Dynamic Poll Using jQuery and PHP

When combined with the neat functionality of PHP and the power of jQuery, you can produce some pretty cool results. This tutorial will show you how to create a poll using PHP and XHTML, then use some jQuery AJAX effects to eliminate the need for refreshing the page and giving it a nice touch of animation.

Create an AJAX Web App Using the Bit.ly API

Create an AJAX Web App Using the Bit.ly API

With Twitter’s URL shortener, Bit.ly, and the jQuery library, you’ll be going through the process of building an AJAX web application. This tutorial is ideal for beginners, giving a detailed and comprehensive introduction to APIs and the fundamentals of PHP and jQuery.

Creating Your Own Stats Program

Creating Your Own Stats Program

When tracking every move and twitch on your website, chances are that you’re using an analytics program like Google Analytics, Get Clicky or Urchin. These tools work by tracking page views, visits, unique visitors, browsers, IP addresses, and more. But how can you accomplish this? Well, you just need to follow this tutorial and learn how to create your own basic web stats program with the help of PHP, JavaScript, AJAX, and SQLite.

Create an AJAX Driven Shopping Cart PHP, CSS, and jQuery

Create an AJAX Driven Shopping Cart PHP, CSS, and jQuery

This tutorial will teach you how to create an AJAX-based shopping cart and store all of the products in a MySQL database, using PHP to process the data. jQuery will then deliver the AJAX on the page, and with the help of the Simpletip plugin, you’ll be able to deliver a high-end interactive checkout process.

Create a Twitter-Like ‘Load More’ Widget

Create a Twitter-Like ‘Load More’ Widget

In this tutorial, you’ll learn the technique for loading more information just like the one used by Twitter and the Apple App Store. Simply click the link or button and more content will appear, as if by magic. You can easily build this widget using AJAX, CSS, JavaScript, JSON, PHP, and HTML. This tutorial also features both the jQuery and the MooTools versions of the script.

 

jQuery AJAX Delete

jQuery AJAX Delete

As a web designer, being able to remove content with AJAX is very useful. With a few lines of jQuery, you can easily remove both a DIV and a record from the database with AJAX. In this demo, you’ll see a small red cross to the right side of each comment. Clicking it will delete the comment’s DIV, and the slide-up animation allows you to remove the DIV.

 

How to Create a Twitter List AJAX-Powered Fanpage

How to Create a Twitter List AJAX-Powered Fanpage

Twitter has recently released its new ‘Lists’ feature, allowing you to compile a list of your followers and organize them into categories. By using the newly expanded API, you’ll learn how to create a widget that flips lists the other way around. This fan widget that goes in the sidebar allows visitors to fill in their Twitter name and join a special fan list from your Twitter account.