A GTM tag to intercept all successful ajax requests on a page!

ajaxSuccessToDataLayer.html

<!--
This tag pushes all ajax success events to the data layer. Ajax success events occur when an 
ajax requests returns successfully, such as a ajax form submission. Ajax forms are hard to use 
as triggers though this tag will expose their resulting data in the data layer to be used for triggers. 
-->
<script>
  var dataLayer = dataLayer || [];
  $(document).ajaxSuccess(function (event, jqXHR, ajaxOptions, data) {
  	dataLayer.push({
      event: event.type,
      request: {
        method: ajaxOptions.type, // GET, POST, PUT, DELETE, etc ...
      	url: ajaxOptions.url,
        data: ajaxOptions.data,
        contentType: ajaxOptions.contentType
      },
      response: {
        url: jqXHR.responseURL,
        status: jqXHR.status,
        statusText: jqXHR.statusText,
        data: jqXHR.response
      }
    });
  });
</script>