Quick Jump ↵
Add data-mjf="ajax_submit|return_false" data-mjf_ajax_update_id="ELEMENT_ID" id="FORM_ID" to your <form> tag.
data-mjf="ajax_submit|return_false" data-mjf_ajax_update_id="ELEMENT_ID" id="FORM_ID"
<form>
Add data-mjf="ajax_submit_link" data-mjf_asl_form_id="FORM_ID" id="ELEMENT_ID" to your clickable tag.
data-mjf="ajax_submit_link" data-mjf_asl_form_id="FORM_ID" id="ELEMENT_ID"
Add <script type="text/javascript">$m.wand.ajax_submit_link = true;</script> inside your <body> tag.
<script type="text/javascript">$m.wand.ajax_submit_link = true;</script>
<body>
Input Field
Radio Buttons Option 1 Option 2 Option 3
Checkboxes Option 1 Option 2 Option 3
Textarea
Select Single Please choose... Option 1 Option 2 Option 3
Select Multiple Please choose... Option 1 Option 2 Option 3 Option 4
Submit the above to ajax2.php Submit the above to ajax3.php
The action and method attributes for your form are still required and will be used when making the AJAX call.
action
method
Add data-mjf_asl_name_value="NAME=VALUE" to your clickable tag is you want to submit it as a form field.
data-mjf_asl_name_value="NAME=VALUE"
Add data-mjf_asl_action="/PATH/TO/NEW_ACTION" to your clickable tag if you want your <form> to use a different action
data-mjf_asl_action="/PATH/TO/NEW_ACTION"
You may want to use Form Validation as well — data-mjf="form_required|ajax_submit|return_false" for your <form>.
data-mjf="form_required|ajax_submit|return_false"
« Back to the main documentation
AJAX Form Submission (via click): Magic JavaScript