Predefined JSON parsing: AJAX: Magic JavaScript

Magic can parse a returned JSON object if you want to do more advanced things with the returned data

Usage

In additional to the normal Magic AJAX attributes, add data-mjf_ajax_call_on_success="magic_json" to your tag.
Your returned JSON object should be structured using the example below.

[ { "update_id" : "ELEMENT_1" ,"update_html" : "HTML_STRING_1" ,"update_callback" : "YOUR_FUNCTION_1()" } ,{ "update_id" : "ELEMENT_2" ,"update_html" : "HTML_STRING_2" ,"update_callback" : "YOUR_FUNCTION_2()" } ,{ "update_id" : "ELEMENT_3" ,"update_html" : "HTML_STRING_3" ,"update_callback" : "YOUR_FUNCTION_3()" } ]

The JSON object will be evaluated based on the order of the objects.
update_id is the HTML element.
update_html is the HTML string to populate the element with.
update_callback is a JavaScript function to execute.
None are required.

Example

• Get me a JSON object and then populate the three <td> tags below with the various content.

AJAX JSON 1 Content	AJAX JSON 2 Content	AJAX JSON 3 Content
Red	Blue

Notes

This applies to any AJAX requests. “AJAX Anchor On Click” was used simply as an example.
update_id and update_html must both exist if you want to use them.

« Back to the main documentation