Best jQuery Ajax Plugins & Tutorials with Demo

JavaScript Web Grabber

JavaScript Web Grabber

JavaScript Web Grabber is a web application that helps you produce JavaScript codes to automatically get HTML from a web page on the internet and display it on your website or blog. For example, say you want to get the latest MLB scores from cbssports.com, all you need to do is give the site name and the id of the element to the app, then the app provides you with some code to put in the source code of your page, so whenever someone visits your page they get the latest MLB scores directly from cbssports.com.

Typically, getting HTML from other websites is done using PHP, which slows down your server; JavaScript Web Grabber lets you do that with JavaScript without any pressure on your server. Additionally, there’s an option to fall back to traditional method via ajax.

Ajax Upload and Resize an Image with PHP

Ajax Upload and Resize an Image with PHP
Today I am presenting the most important social networking feature called ajax upload and resize an image without refreshing the page using jquery and PHP. This tutorial a continuation of my previous post, I just included image re-sizing function for different dimensions. It is very useful for your web project that saves lots of hosting space and bandwidth limit.

Add edit delete Rows dynamically using jQuery & Php

Add edit delete Rows dynamically using jQuery & Php
Today we are going to design a dynamic table, in which we can dynamically add rows to table using javascript remove rows number of times without refreshing a page even once and thats also with cool javascript animation.
This scripts turns table into editable grid, You can add new row, edit existing row, delete row also you can edit a single cell and all this happens with ajax so not even single page refresh required. This is configurable script so you can easily attach it to your existing page.

SmoothState.js : jQuery plugin for Smooth Page loads

SmoothState.js : jQuery plugin for Smooth Page loads

We’ve accepted the jankiness of page loads as a quirk of the web even though there is no technical reason for it. smoothState.js lets you add transitions to eliminate the hard cuts and white flashes of page loads that deface the beauty of the user experience.

Youtube-like jQuery Ajax Loading Bar

Youtube-like Ajax Loading Bar

A little jQuery plugin that will let you add a Youtube-like loading bar to all your ajax links.

Bootstrap Table with jQuery

Bootstrap Table with jQuery

The table displays data in a tabular format and offers rich support to radio, checkbox, sort, pagination and so on. The table has been designed to reduce development time and to require no specific knowledge from developers. It is both featherweight and feature-rich.

Features:

  • Created for Bootstrap 3 (Bootstrap 2 supported)
  • Responsive web design
  • Scrollable Table with fixed headers
  • Fully configurable
  • Via data attributes
  • Show/Hide columns
  • Show/Hide headers
  • Get data in JSON format using AJAX
  • Simple column sorting with a click
  • Format column
  • Single or multiple row selection
  • Powerful pagination
  • Card view
  • Localization

jQuery Cascading Dropdown Plugin

jQuery Cascading Dropdown Plugin

A simple and lighweight jQuery plugin for cascading dropdown.Dropdowns with dependencies will react based on the rules given, and fetch its own list from the server via Ajax.You can provide an array of strings or objects, or a function as the dropdown data source.

jQuery Ajax Upload Previewer

jQuery Ajax Upload Previewer

Dynamic show preview of the selected image before upload it, by jQuery.