Best jQuery Ajax Plugins & Tutorials with Demo

    jxSlider ajax-loaded content jQuery Plugin

    jxSlider ajax-loaded content jQuery Plugin

    jxSlider widget turns the selected DIV into a small embedded ajax tabbed-navigator. The ajax-loaded content will automatically and recursively be shown into the initial DIV.

    FullCalendar with jQuery

    FullCalendar with jQuery

    FullCalendar is a jQuery plugin that provides a full-sized, drag & drop calendar like the one left. It uses AJAX to fetch events on-the-fly for each month and is easily configured to use your own feed format (an extension is provided for Google Calendar).

    Ajax Easy Expand jQuery

    Ajax Easy Expand jQuery

    Easily and quickly create multiple expandable / collapsable regions on the same page. Each easy expand element will look like an accordion but but with more options. Unlike an accordion you’ll be able to open as many easy expand elements as you want at one time. Alternatively, you may close them all at the same time if you wish. You can preset each individual easy expand element to appear open or close at page load.

    TableGear jQuery based application like Excel

    TableGear jQuery based application like Excel

    TableGear is a software package for working with data on the web. It is designed get your data into a web page, and let you work with it quickly and easily, the way you would in powerful desktop applications like Excel.

    Fun with jQuery Templating and AJAX

    Fun with jQuery Templating and AJAX

    In this tutorial, we’ll take a look at how jQuery’s beta templating system can be put to excellent use in order to completely decouple our HTML from our scripts. We’ll also take a quick look at jQuery 1.5′s completely revamped AJAX module.

    Google Powered Site Search with jQuery

    Google Powered Site Search with jQuery

    In this tutorial we are using Google’s AJAX Search API, to create a custom search engine, with which you can search for web results, images, video and news items on your site.

    Dynamically adding form inputs and submit using jQuery

    Dynamically adding form inputs and submit using jQuery

    You may find a need to allow the user to dynamically add or remove text inputs from your application. This is relatively easy to do using jQuery and using arrays to submit the form data to a PHP page. This tutorial runs through setting up the form with the controls to add, remove and reset the form fields as well as preparing the form variables to be sent using AJAX.

    jRating – Flexible jQuery Ajax Rating Plugin

    jRating – Flexible jQuery Ajax Rating Plugin

    jRating is a very flexible jQuery plugin for quickly creating an Ajaxed star rating system. It is possible to configure every detail from” the number of the stars” to “if the stars can represent decimals or not”. There is also an option to display small or big stars and images can be changed with any other file easily.

    jQuery Autocomplete plugin

    This script is based on jQuery Autocomplete plugin made by PengoWorks. It has many options and is quite easy to setup in your page. You can pass advanced options as a JavaScript object, hashes etc…