Today’s post is a collection of 10 JSON Data with jQuery Plugins, Scripts & Tuts. Learn how to create a classy bar chart with flash like animation effects with DDChart (JSON Driven Zoomable Drill Down Bar Chart) and more… Enjoy!
1. Load JSON data with jQuery, PHP and MySQL
This post shows how to populate a select box based on the value of another, by getting JSON data with jQuery from a PHP script that gets the data from a MySQL database.
2. jQuery JSON Ajax Requests and Caching
This post looks at which browsers cache the requests, and how to make sure it is not cached.
A jQuery plugin will set up a UI that suggest results as you type. It will display two types of suggestions, first (and faster) the local data and second (and slower) the results from an AJAX search query.
4. DDChart: JSON Driven Zoomable Drill Down Bar Chart
Is a JSON data driven bar chart plugin that creates a classy bar chart with flash like animation effects.
5. How to build a web widget using jQuery
The interesting points will be:
> Ensure the widget’s code doesn’t accidentally mess up with the rest of the page,
> Bypass browsers’ single-origin policy using JSONP.
6. jQuery Tokeninput
jQuery plugin which allows your users to select multiple items from a predefined list, using auto completion as they type to find each item.
7. jQuery quickie
Unlimited scroll using jQuery. I’ve using the Twitter API to make the example, so you’ll learn a little bit about JSON too…
8. jQuery charToTable Plugin
It uses some PHP + GD to convert a character to an image, and then to a JSON object containing the glyph matrix.
9. FlexBox – jQuery Ajax based Textbox & Selectbox
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.
10. jQuery Randomly Rotating Image Gallery – Mosaiqy
Mosaiqy is a jQuery plugin for presenting images in a Mosaic-like grid interface. 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.