JSFiddle - React, Tailwind, and code Playground

HTML

<div id="testing">Login Status: false</div>
<pre id="form">loading...</pre>

JavaScript

// begin variable declarations
var formData = {};

/*initialize Save button*/
$('#save').click(function () {
    saveForm();
});
// end variable declarations

//begin function declarations

/*generates and calls a http request with appropriate CORS headers*/
function qbo(url, success, data) {
    $.ajax({
        type: 'POST',
        dataType: 'json',
        url: url,
        data: data,
        crossDomain: false,
        username: "[email protected]",
        password: "ChangeToYourPassword",
        headers: {
            'qboAutomation': true
        },
        xhrFields: {
            withCredentials: true
        }
    }).success(success);
}

function login() {
    var url = "http://demo.quandis.net/Security/Person.ashx/Select?ID=1&Output=Json";
    var success = function (json) {
        console.log(json);
        $('#testing').text("Login Status: true");
    };
    qbo(url, success, null);
}

function matrixLookup() {
    var url = "http://demo.quandis.net/Application/Matrix.ashx/Lookup?Output=Json";
    var data = {
        Client: "Acme Tools",
        MatrixID: 7,
        Measure: "Amount"
    };
    var success = function(json){
        $('#form').html(JSON.stringify(json.MatrixCollection.MatrixItem[0], undefined, 2)); 
    };
    qbo(url, success, data);
}

//end function declarations

//begin initialization
login();

matrixLookup();
//end initialization