JSFiddle - React, Tailwind, and code Playground

by kirkchen

HTML

<script src="https://raw.github.com/appendto/jquery-mockjax/master/jquery.mockjax.js"></script>
Result: <span id="result"></span>

JavaScript

var isAjaxMocked = true;

if (isAjaxMocked) {
    $.mockjax({
        url: '/WebApi/CalculateService.svc',
        status: 200,
        responseTime: 750,
        response: function (settings) {
            //console.log(settings);
            this.responseText = { sum: settings.data.a + settings.data.b };
        }
    });
    $.mockjax({
        url: '/WebApi/CalculateService.svc',
        status: 200,
        responseTime: 750,
        response: function (settings) {
            //console.log(settings);
            this.responseText = { sum: settings.data.a + settings.data.b };
        }
    });
    $.mockjax({
        url: '/WebApi/CalculateService.svc',
        status: 200,
        responseTime: 750,
        response: function (settings) {
            //console.log(settings);
            this.responseText = { sum: settings.data.a + settings.data.b };
        }
    });
}

var a = 1, b = 2, c = 3, d = 4;

$.ajax({
    url: '/WebApi/CalculateService.svc',
    type: 'GET',
    data: { a: a, b: b },
    dataType: "json",
    success: function (response1) {
        $.ajax({
            url: '/WebApi/CalculateService.svc',
            type: 'GET',
            data: { a: response1.sum, b: c },
            dataType: "json",
            success: function (response2) {
                $.ajax({
                    url: '/WebApi/CalculateService.svc',
                    type: 'GET',
                    data: { a: response2.sum, b: d },
                    dataType: "json",
                    success: function (response3) {
                        console.log($("#result"));
                        $("#result").text(response3.sum);
                    }
                });
            }
        });
    }
});