Ajax when clicking elements (buttons, links...)

A common way to run ajax calls is to click on links, buttons, or even a div element.


To let you process ajax calls without javascript code (the original promise), jQuery events have already been binded with classes to handle common events.
Simply put domajax click on an element's class attribute to run a domajax call when clicking it.

Usage


  • class="domajax click"
 

Live examples

This form looks like this:


<!-- domajax configuration, to avoid copy/pasting every option 3 times -->
<div
        id="demo"
        data-endpoint="event-click-nature-handler.php"
        data-highlight-complete=""
        data-highlight-color="red"
        data-output="#output"
        ></div>

<input
        type="button"
        class="domajax click"
        data-alias="#demo"
        value="I am a button"
        />

<br/><br/>

<a
        href="#"
        class="domajax click"
        data-alias="#demo"
        >I am a link</a>

<br/><br/>

<div
        class="domajax click"
        data-alias="#demo"
        style="width: 200px; height: 100px; background-color:#FFFFCC"
        >I am a div
</div>

<div id="output"></div>

This form looks like this:


<input type="button" class="btn" id="demo" value="Run trigger"/>

<script type="text/javascript">

    $('#demo').click(function() {
        $('#test').click();
    });

</script>

<br/><br/>

<input
        type="button"
        id="test"
        value="This is a domajax button"
        class="btn domajax click"
        data-endpoint="event-click-trigger-handler.php"
        data-output="#output"
        data-highlight-complete=""
        />

<div id="output"></div>


Table of contents

All the documentation at a glance

Domajax options

And more with domajax