Learning jQuery

In this post, find a list of jQuery plugins to play with JSON data. Using these plugins you can convert JSON data to tables, HTML, serialize objects, format JSON to make it more readable, generate treeview or even image sliders.

1. Dream.js

DreamJS is a lightweight library to generate JSON data. This library can output random data from a JSON Schema using standard types like String, Number, Date, Boolean, Array, or with the 60+ built-in custom types like Name, Age, Address, Word, Sentence, paragraph, gender, (RGB) color etc.

2. jQuery JSONView

jQuery JSONView is a plugin to view JSON in a more readable format. It offers some methods and options to customize.

3. jPut - JSON to HTML

jPut is a small jQuery plugin where you can append your JSON to customized HTML format easily. You can also dynamically bind values to your existing data easily. It's simple and fast. The jPut can call by using data attributes.

4. JSONslider

JSONslider is a simple jQuery slider for pictures stored dynamically in a JSON file you can edit without messing up your HTML.

5. Mountable.js

An easier way to pass JSON content into a HTML table using jQuery. It's tiny! Just 3KB, easy to customize.

6. JSONForms

JSONForms is an implementation of the algorithm for submitting form data as JSON. It converts any form into a structured JSON object.

7. jQuery Serialize Object

jQuery Serialize Object converts HTML forms into JavaScript objects. It adds the method serializeObject to jQuery to perform complex form serialization into JavaScript objects.

8. jQuery Bonsai

Bonsai is a lightweight jQuery plugin that takes a big nested list and prunes it down to a small expandable tree control. Also includes support for checkboxes (including 'indeterminate' state) and for populating the tree using a JSON data source.

9. Columns

Columns is an easy way of turning JSON data into HTML tables that are sortable, searchable, and paginating. All you need is to provide the data, and Columns will do the rest.

10. Table-to-JSON

A jQuery plugin that converts an HTML Table into a JavaScript object. Great for working with user-editable tables or accessing output from 3rd party tools.