jq-ajax-2

13 Powerful Ajax jQuery Plugins & Tutorials

AJAX is a short hand for asynchronous JavaScript and XML. Which plainly means that instead of waiting for the whole page to load, you can load only what you need to. So if you only need to update one small text part of your site, you don’t have to worry about loading everything else on that page. A vast majority of sites use this technology now. Probably one of the most popular uses is an auto complete feature for the search box at Google and Yahoo.

AJAX offers users a seamless way to work with your interface, no waiting for whole pages to load. jQuery has a set of tools to make it super simple to implement. So here are 13 Powerful Ajax jQuery Plugins & Tutorials.

Check Username Availability using jQuery/Ajax Plugin

The plugin also includes a username validation function which uses a regular expression. The input must have a minimum length of 3 and a maximum length of 20 and it can contain letters only. Of course, you can edit this based on your requirements as long as the function returns a boolean value. Also note that your ajaxSource page should also perform server side validation. Once validated server side then you can perform the lookup against your database and write (i.e. PHP echo or ASP Response.Write) the response to be displayed in the id defined in the plugin as the ‘target’. A sample ASP page is included in the download.

jq-ajax-1

Sweet AJAX Tabs With jQuery 1.4 & CSS3

Organizing the content of a page in a both intuitive and eye-catching manner, is a must in modern web design. One principle that has been around for some time is dividing text into tabs. This allows you to squeeze much more content in a seemingly limited space and provide a structured way of accessing it.

jq-ajax-2

Ajax AutoComplete for jQuery

Ajax Autocomplete for jQuery allows you to easily create autocomplete/autosuggest boxes for text input fields.

It is built with focus on performance. Results for every query are cached and pulled from local cache for the same repeating query. If there are no results for particular query it stops sending requests to the server for other queries with the same root.

jq-ajax-13

Building a 5 Star Rating System with jQuery, AJAX and PHP

In this tutorial, you’ll learn how to build a rating system with AJAX, PHP, and jQuery. Votes will be recorded and updated in real-time with the magic of AJAX, and we’ll also leverage the power of PHP so that you don’t even need a database!

jq-ajax-3

Building a 5 Star Rating System with jQuery, AJAX and PHP

In this tutorial, you’ll learn how to build a rating system with AJAX, PHP, and jQuery. Votes will be recorded and updated in real-time with the magic of AJAX, and we’ll also leverage the power of PHP so that you don’t even need a database!

jq-ajax-4

How To Parse XML Using jQuery and Ajax

In this tutorial I will show you how to parse or process an xml document to display the data on a page in html form. It can be used to filter raw RSS feeds, set up a cool sitemap on your blog or even the groundwork for your own search auto complete.

jq-ajax-5

Pagination with Jquery, PHP , Ajax and MySQL.

Long days back I had posted an article Pagination with jQuery, MySQL and PHP with out refreshing page. Ravi Tamada modified old script and added extra features like First, Previous, Next and Last buttons. Use it and enrich your web applications.

jq-ajax-6

Fun with jQuery Templating and AJAX

Templating is a newish (it’s still in beta, so it’s likely to change slightly as it matures and migrates into core, but it’s been around for the best part of a year), hugely powerful jQuery feature that allows us to specify a template to use when building DOM structures via script, something that I’m sure we all do on an almost daily basis.

jq-ajax-7

Submit A Form Without Page Refresh using jQuery

In this tutorial I’ll show you how easy it is to do just that — submit a contact form that sends an email, without page refresh using jQuery! (The actual email is sent with a php script that processes in the background). Let’s get started.

jq-ajax-8

An AJAX Based Shopping Cart with PHP, CSS & jQuery

In this tutorial we are going to create an AJAX-driven shopping cart. All the products are going to be stored in a MySQL database, with PHP showing and processing the data.

jq-ajax-9

AjaxFileUpload

basically show how the Ajax File Upload works. For security reason, your selected file will be removed immediately after being uploaded.

jq-ajax-10

Twitter Like More Button with jQuery and Ajax.

This is an interesting tutorial I had developed this using jQuery and Ajax. Some days back twitter added new feature like ‘more’ button it’s nice the some thing I’m presenting in this post.

jq-ajax-11

AJAX For Evil: Spyjax with jQuery

Spyjax, as I know it, is taking information from the user’s computer for your own use — specifically their browsing habits. By using CSS and JavaScript, I can inject anchor links into the page and tell whether you’ve been to the link’s URL. How? Quite easy actually.

jq-ajax-12

Published by

Joaquin

I am web designer/developer, creative blogger, wordpress user & founder of idesignow.

One thought on “13 Powerful Ajax jQuery Plugins & Tutorials”

Leave a Reply

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