Button with axn='route.run'

If you want to fire ajax on click without form submit.
Syntax:

<button
 bind="click"
 axn='route.run'
 bind_selector='{class, name or Id of action selector}'
 route_ajax='{route where action need to perform}'
 class="{button classes}"
 {other args}
>
</button>

<button

bind="click"

axn='route.run'

bind_selector='{class, name or Id of action selector}'

route_ajax='{route where action need to perform}'

class="{button classes}"

{other args}

</button>

Example:

<button
 bind="click"
 axn='route.run'
 bind_selector='.edit_submit'
 route_ajax='[module.slug /].key-skill-edit'
 class="btn btn-success key-skill-edit-button"
 term-id="[aw2.get @skill.item.term_id /]">
</button>

<button

bind="click"

axn='route.run'

bind_selector='.edit_submit'

route_ajax='[module.slug /].key-skill-edit'

class="btn btn-success key-skill-edit-button"

term-id="[aw2.get @skill.item.term_id /]">

</button>

Updated on Jun 19, 2021