Best jQuery jSON Plugins & Tutorials with Demo

Pure : Ultra-fast templating tool
 to generate HTML from JSON data

Pure : Ultra-fast templating tool
 to generate HTML from JSON data

Simple and ultra-fast templating tool to generate HTML from JSON data.The representation (HTML) and the logic (JS) remain totally separated.

zTree : jQuery Tree Plugin

zTree : jQuery Tree Plugin

zTree is a multi-functional “tree plug-ins.” based on jQuery. The main advantages of zTree includes excellent performance, flexible configuration, and the combination of multiple functions.

Features:

  • The code of zTree v3.x has been seperated according to the various functions. You can only load the code you need.
  • zTree v3.x uses delay loading technique, which can easily load tens of thousands of nodes in seconds even in IE6 browser.
  • Support for JSON data.
  • Support for static and asynchronous data loading node.
  • Replace the skin / custom icon flexibllly.
  • Support extremely flexible checkbox or radio selection function.
  • Flexible editing (add / delete / change / search) functions, such as drag and drop nodes,you can even drag and drop multiple nodes.
  • To enhance performance, zTree transforms the js & css structure to provide excellent browser compatibility and make the development more easily

jtwt.js : A simple jQuery plugin for the twitter JSON API

jtwt.js : A simple jQuery plugin for the twitter JSON API

jtwt.js is an easy-to-use jQuery plugin that allows you to display your recent tweets on your website or elsewhere.jtwt.js comes with a bunch of options to create the best experience for your users.

jtwt.js is contributed under the Creative Commons Attribution 3.0 Unported license. You’re free to use jtwt.js in personal and commercial projects.

MagicSuggest : Auto-suggest combo with bootstrap theme using jQuery

MagicSuggest : Auto-suggest combo with bootstrap theme using jQuery

MagisSuggest is a auto-suggest combo with bootstrap theme using jQuery.I needed to create a highly flexible auto suggest combo box in the line of Bootstrap themes.All the combos I’ve seen didn’t have all the options I needed so I went and rolled my own.

Last.FM for jQuery

Last.FM for jQuery

A plugin to grab your recently played tracks from Last.FM’s api using jQuery and Json. Future versions will support other feeds such as favourites and most listened.

It’s very simple! I’ve always found plugins like this irritating when they force you to use their HTML. For people without jquery knowledge digging around in the plugin file to change that HTML is pretty annoying. For this reason I’ve made the Last.FM plugin very flexible.

JSON Input String using jQuery

JSON Input String using jQuery

If you are working with Restful API’s and you must need to send a JSON input response via web project, especially for Node projects. This post helps you to create a JSON input string using JavaScript. It’s very useful, converting Data objects to JSON data format implemented with $.toJSON Jquery plugin.

Teamwork Gantt : jQuery Component For Gantt Charts & Task Trees

Teamwork Gantt : jQuery Component For Gantt Charts & Task Trees

Teamwork Gantt is a JavaScript component built on jQuery for creating Gantts, task trees, dependencies which exports the resulting data in JSON format.

Features:

  • jquery based
  • MIT licensed: you can reuse everywhere
  • json import-export
  • internationalizable
  • manage task status –> project workflow
  • manage dependecies
  • manage assignements (resources, roles efforts)
  • server synchronization ready
  • full undo-redo support
  • cross browser (at least for recent versions)

jQuery jAutocomplete Plugin

jQuery jAutocomplete Plugin

jAutocomplete is a flexible jquery plugin that provides suggestions while you type into the field:

Features:

  • JSON data source (local data array / AJAX)
  • Supports any HTML structure with next-generation jQuery Templates
  • Lightweight (only 3Kb)
  • Fully customizable styles
  • Works in all major browsers
  • Annotated source code
  • JSDoc documentation

How to Make a Tumblr-powered News Ticker in jQuery

How to Make a Tumblr-powered News Ticker in jQuery

Tumblr is a blogging service with an elegant interface for creating and publishing content. In this tutorial, we are going to use it as the foundation of a news publishing system. We are going to develop a simple widget which cycles through the most recent posts on a Tumblr blog, and presents them as news items to your users. Adding news will be done by creating new blog posts in your Tumblr dashboard.

The code we are writing will be organized as a jQuery plugin, which will make it portable and easy to embed in an existing website. When the plugin is run, it will request the latest posts from your blog with AJAX

JSON Editor Online : Web-based tool to view, edit and format JSON

JSON Editor Online : Web-based tool to view, edit and format JSON

JSON Editor Online is a web-based tool to view, edit, and format JSON. It shows your data side by side in a clear, editable treeview and in formatted plain text.

Features:

  • View and edit JSON side by side in treeview and plain text.
  • Edit, add, move, remove, and duplicate fields and values.
  • Change type of values.
  • Colorized values, color depends of the value type.
  • Search & highlight text in the treeview.
  • Undo and redo all actions.
  • Load and save files and urls.
  • Format and compact JSON in plain text.


Best jQuery websites design awards