JSFiddle - React, Tailwind, and code Playground

by fizerkhan

HTML

<script src="https://rawgit.com/csnover/TraceKit/master/tracekit.js"></script>
<script src="https://rawgit.com/MindscapeHQ/raygun4js/master/src/raygun.tracekit.jquery.js"></script>
<form id="form">
    <div class="form-group">
        <input type="text" class="form-control" id="name" name="name" placeholder="name" value="Something">
        </div>
          
            <button class="btn btn-success" type="submit">Click here for test TraceKit for ajax</button>
 </form>
  <div class="result">
      
  </div>

JavaScript

// Handle Ajax Errors
$(document).ajaxError(function processJQueryAjaxError(event, jqXHR, ajaxSettings, thrownError) {
    var trackitStack = TraceKit.computeStackTrace(thrownError);
    console.log(trackitStack);
    $('.result').html(JSON.stringify(trackitStack));
});

$(function() {
    $('#form').submit(function (e) {
        console.log('sending');
        e.preventDefault();

        var name = $('#name').val();

        $.getJSON('/data.json?name=' + name, function (data) {
            console.log( "success" );
        })
        .done(function(data) {
            console.log( "success" );
        })
        .fail(function(jqXHR, textStatus, errorThrown) {
            console.log( "error" );
        })
        .always(function() {
            console.log( "complete" );
        });
        return false;
    });
});