jQuery [data-ajax] API

jquery.data-ajax.js

$(document).on('click', '[data-ajax]', function (ev) {
  var $this = $(this)
  var data = $this.data()
  var redirect = $this.prop('href') || data.redirect
  // `settings` must follows jQuery.ajax API
  var settings = data.ajax

  ev.preventDefault()

  $.ajax(settings).done(function () {
    if (redirect && redirect !== '#') {
      window.location.href = redirect
    }
  })
})

usage.md

We want to do a PUT request marking a booking as cancelled and then redirecting to /my-bookings.

HTML (Twig)

<a href="/my-bookings" data-ajax="{{ {
    url: '/bookings/123/cancel',
    method: 'PUT'
  }|json_encode }}">Cancel booking</a>

CSRF (Laravel)

Don't forget to pass CSRF token in headers.

$.ajaxSetup({
    headers: {
        'X-CSRF-TOKEN': '{{ csrf_token() }}'
    }
})

Alternatively pass _token parameter in settings.data object.