JSFiddle - React, Tailwind, and code Playground

by ashwinkumark

HTML

<div id='console'></div>

JavaScript

var x = null;
var i = 0;
x= $.Deferred();
var countries=["US","CA","MX","bx","fs","ZX"];
function log(msg) {
    var $out=$("<div />");
    $out.html(msg);
    $("#console").append($out);
}


callX = function(i) {
    return $.ajax({
            type: "GET",
            url: "/echo/json/",
            data: {country:countries[i]},
            dataType: "JSON",
            success: function(){
                log("Successful request for [" + countries[i] + "]");
                                         x.resolve();
            }
        });

}
x.resolve();
for (var i = 0; i < 5 && x.isResolved(); i++) {
    debugger;
    $.when(x).then(function() {
        x = $.Deferred();
        log("Making request for [" + countries[i] + "]");
        callX(i);
    });
}

x = $.Deferred();
callX(i);