AJAX Anchor On Click: Magic JavaScript

Usage

Add data-mjf="ajax_click|return_false" data-mjf_ajax_url="/PATH/TO/SERVER/SCRIPT/" data-mjf_ajax_update_id="ELEMENT_ID" id="ELEMENT_ID" to your <a> tag.
Add <script type="text/javascript">$m.wand.ajax_click = true;</script> inside your <body> tag

Example 1 – overwrite content

<a href="_ajax.php" data-mjf="ajax_click|return_false" data-mjf_ajax_url="_ajax.php" data-mjf_ajax_query="extra=ajax_queue_1" data-mjf_ajax_update_id="ajax_queue_1_cont" id="ajax_queue_1_link">Get me something</a>

Example 2 – append content

• Get me something else

<a href="_ajax2.php" data-mjf="ajax_click|return_false" data-mjf_ajax_url="_ajax2.php" data-mjf_ajax_query="extra=ajax_queue_2" data-mjf_ajax_update_id="ajax_queue_2_cont" data-mjf_ajax_update_id_action="append" id="ajax_queue_2_link">Get me something else</a>

Example 3 – prepend content

• Get me something else again

<a href="_ajax3.php" data-mjf="ajax_click|return_false" data-mjf_ajax_url="_ajax3.php" data-mjf_ajax_query="extra=ajax_queue_3" data-mjf_ajax_update_id="ajax_queue_3_cont" data-mjf_ajax_update_id_action="prepend" data-mjf_ajax_timeout="10 id="ajax_queue_3_link">Get me something else again</a>

« Back to the main documentation