jquery-load-json

jQuery loadJSON documentation

jQuery loadJSON fills HTML markup you already have, forms included, with values from a JSON object. There is no template language: the plugin finds the elements whose class, id or name is a key of the data and sets each one’s value in the way that suits the element.

Guides

• Loading data: templates, keys, matching, nested objects, arguments and callbacks.
• Elements: how text, links and images take a value.
• Forms: inputs, checkboxes, radio buttons, textareas and selects.
• Arrays and repeats: generating lists from an array of objects.
• Debugging and deprecations: $.fn.loadJSON.debug and the behavior that 2.0 removes.

Examples

Live examples run the built plugin with the current jQuery. Their source is in docs/examples/.

Terms

These pages use a few words in a fixed sense:

• Template: the markup loadJSON fills, an element and everything inside it.
• Data: the value loaded into a template: an object, an array or a single value.
• Key: a property name in the data, used to find the elements that take its value.
• Scope: the element a key is looked up inside.
• Match: the elements a key resolves to within its scope.
• Repeat: loading an array by filling existing matching elements, then appending copies of the last one.

This site is open source. Improve this page.