Best jQuery jSON Plugins & Tutorials with Demo

JQuery Gantt Chart

JQuery Gantt Chart

jQuery Gantt Chart is a simple chart that implements gantt functionality as a jQuery component.

It’s able to:

  • Read json data
  • Paging results
  • Display different colours for each task
  • Display short description as hints
  • Mark holidays

jQuery charToTable plugin

jQuery charToTable plugin

I was playing with jQuery and tables yesterday, and got a weird idea: what about converting characters to tables using jQuery?

The idea evolved and I started to write a new jQuery plugincharToTable.

I really don’t know if someone will find it useful, but it actually works fine.
It uses some PHP + GD to convert a character to an image, and then to a JSON object containing the glyph matrix.

jQuery quickSearch

jQuery ajax quickSearch

Amazing fast jQuery search with Ajax and jSON

FlexBox – jQuery Ajax based Textbox & Selectbox

FlexBox - jQuery Ajax based Textbox & Selectbox

FlexBox is a jQuery plugin that is intended to be a very flexible replacement for html textboxes and dropdowns, using ajax to retrieve and bind JSON data.

SFBrowser File Manager With PHP & jQuery

SFBrowser File Manager With PHP & jQuery

SFBrowser is an open source application, built with PHP and jQuery, formanaging files online with an Ajaxed interface.

Besides listing files and folders, it can upload, delete, rename and preview them. Uploading can be accomplished via an Ajaxed or Flash-based uploader (queued multiple uploads, progress bar, canceling, selection filtering, size filtering).

The functionality can be extended with plugins. There are few ready-to-use ones like filetree and image-resize.

jQuery Randomly Rotating Image Gallery – Mosaiqy

jQuery Randomly Rotating Image Gallery – Mosaiqy

Mosaiqy is a jQuery plugin for presenting images in a Mosaic-like grid interface.The images are displayed inside randomly moving columns and rows where CSS3 transitions are used for the animations.Once a thumbnail is clicked, the original version is loaded inside the grid with a nice slideIn/Out effect.

It retrieves images from a JSON/JSONP data source which makes integrating with image hosting services pretty easy and there are already demos for Flickr, Instagram and Panoramio.

jQuery Cool Auto Suggest

jQuery Auto Suggest

This plugin is the enhancement of my previous jquery auto-suggest plugin.

Some new features it has are:

  • Support ID field.
  • Support image thumbnail and description
  • Support form submission on click.

Simple AJAX jQuery Commenting System

AJAX jQuery Commenting System

This time, we are making a Simple AJAX Commenting System. It will feature a gravatar integration and demonstrate how to achieve effective communication between jQuery and PHP/MySQL with the help of JSON.

Agile Carousel: A Highly-Flexible jQuery Slideshow Plugin

Agile Carousel: A Highly-Flexible jQuery Slideshow Plugin

Agile Carousel is a jQuery plugin that allows us to create flexible (both in function and design) slideshows.

The plugin uses JSON for the data format of the slides. So, they can easily be provided remotely and integration with any other system (like CMSs) will be easier.

You can select between “fade” or “slide” as the transition effect, duration of the transitions and intervals between each slide can all be defined.

JQuery loadJSON plugin

JQuery loadJSON plugin

This is a JQuery plugin that enables developers to load JSON data from the server and load JSON object into the DOM. No templating language is required – this plugin matches DOM elements in the HTML page with a JSON object using a DOM element properties.

Best jQuery websites design awards