Skip to main content

20 jQuery and Ajax Plugins

By Sam Deering



😳 Ever felt a little embarassed sharing your JavaScript? Let's fix it.

The jQuery library has a full suite of AJAX (Asynchronous JavaScript and XML) capabilities. The functions and methods therein allow us to load data from the server without a browser page refresh. Given below are some tutorials that would let you know how to perform it, Enjoy!

Update 28/02/2013: Removed broken links and added new images.

1. Create a Shoutbox using PHP and AJAX

A stunning and dynamic shoutbox based in PHP and AJAX (using jQuery).

2. Refreshing an element at a set time interval using jQuery and a sprinkle of Ajax

You can have some information changed at a set time interval.

3. CakePHP Ajax “Quick Save” with jQuery

When you are in an administration panel, sometimes you want a “quick save” feature that allows you to save without leaving the page. Here is how to accomplish this with CakePHP and jQuery
Source + Demo

4. Ajax Login Form Using Jquery and PHP

This will show you on how to create an ajax-powered login form. Using Jquery and PHP.
Source + Demo

5. Twitter Like More Button with jQuery and Ajax

An interesting tutorial on how to create Twitter Like More button using Jquery and AJAX.

6. Exactly Twitter like Follow and Remove buttons with jQuery and Ajax

Twitter like follow and remove buttons with fadeOut and fadeIn effect.

7. Submit a Form without Refreshing page with jQuery and Ajax

A very simple tutorial submitting HTML form values without refreshing page using jQuery and Ajax.

8. Delete a Record with animation fade-out effect using jQuery and Ajax

jQuery tutorial delete action with out refreshing page.

9. Ajax Add a Record with Button Status Change using jQuery

Learn on how to add a record with button status change, like Facebook and Twitter..

10. Insert and Load Record using jQuery and Ajax

This tutorials explains how to insert and display record without refreshing web page.
Source + Demo

11. Auto-populating Select Boxes using jQuery & Ajax

If you are familiar with using select boxes for categorisation and sub-categories, such as ebay does when selling an item, usually this can require a lot of JavaScript to maintain the select boxes, but jQuery can hugely simplify this task by adding a dash of AJAX.

12. Ajax Multiple File Upload Form using jQuery

Learn how to create an AJAXified multiple file upload form that uses a lot lesser server side code and also provides a very nice user interface.
Source + Demo

13. AjaxFileUpload

This plugin is a hacked version of Ajaxupload plugin created by yvind Saltvik, which is really good enought for normal use. Its idea is to create a iframe and submit the specified form to it for further processing.

14. Combining jQuery Form Validation and Ajax Submission with ASP.NET

In this tutorial will show you how to combine jQuery form validation and AJAX submission with ASP.NET.
Source + Demo

15. Dynamic Loading of ComboBox using jQuery and Ajax in PHP

Learn to create a dynamic loading of dropdown. Simple solution which is created by jQuery.


It uses image tiles to quickly generate a portion of the zoomed image (similar to Google Maps).
Source + Demom

17. AjaxPager

is a JQuery + Bootstrap plugin that creates a pagination control bar, according to configuration, that will make remote requests for data.

18. AjaxPanel

A jQuery plugin that provides a uniform way to update HTML elements, updating is based on jQuery’s low-level AJAX implementation.

Sam Deering has 15+ years of programming and website development experience. He was a website consultant at Console, ABC News, Flight Centre, Sapient Nitro, and the QLD Government and runs a tech blog with over 1 million views per month. Currently, Sam is the Founder of Crypto News, Australia.

New books out now!

💁‍♀️ Fun Fact: Python was ranked #2 on a recent highest paid coders list. *

🤓 Ok. When did a code editor from Microsoft become kinda cool!?