JSFiddle - React, Tailwind, and code Playground

by Patrick Thurmond

HTML

From Within The Success Function:<br>
-------------------------------------------
<div class="data-success block">
    <div class="label">Data via success</div>
    <div class="response">No Response</div>
</div>

<div class="status-success block">
    <div class="label">Status via success</div>
    <div class="response">No Response</div>
</div>

<div class="request-success block">
    <div class="label">Request via success</div>
    <div class="response">No Response</div>
</div>


<br><br><br>
From Within The Callback Function:<br>
-------------------------------------------

<div class="data-callback block">
    <div class="label">Data via callback</div>
    <div class="response">No Response</div>
</div>

<div class="status-callback block">
    <div class="label">Status via callback</div>
    <div class="response">No Response</div>
</div>

<div class="request-callback block">
    <div class="label">Request via callback</div>
    <div class="response">No Response</div>
</div>

CSS

.block {
    margin-bottom: 20px;
}

JavaScript

var url = 'http://demo4083160.mockable.io/getstuff';
var successCallback = function(data, status, request) {
    console.log('In Callback');
    //console.log('Arguments...');
    //console.log(arguments);
    
    jQuery('.data-callback .response').text(JSON.stringify(data));
    jQuery('.status-callback .response').text(status);
    jQuery('.request-callback .response').text(JSON.stringify(request));
}

jQuery.ajax({
    url: url,
    dataType: "json"
}).success(function(data, status, request) {
    console.log('In Success');
    //console.log('Data...');
    //console.log(data);
    //console.log('Status...');
    //console.log(status);
    //console.log('Request...');
    //console.log(request);
    
    jQuery('.data-success .response').text(JSON.stringify(data));
    jQuery('.status-success .response').text(status);
    jQuery('.request-success .response').text(JSON.stringify(request));

    if (successCallback != null) {
        successCallback(data, status, request);
    }
}).complete(function(data, status, request) {
});