JSFiddle - React, Tailwind, and code Playground

by Jason Burnett

HTML

<div id="d"></div>

JavaScript

var data = {
    num: 1
};
var deferred = $.post("/echo/json/", {
    json: JSON.stringify(data),
    delay: 2
});
deferred.then(function (){$("div").css("backgroundColor","red");},$.noop);

var doubleAndTripled = deferred.pipe(double).pipe(triple);

doubleAndTripled.then(function(data) {
    $('#d').append('<p>3rd finished</p>');
});


function double(data1) {
    $('#d').append('<p>1st finished</p>');
    return $.post("/echo/json/", {
        json: JSON.stringify(data1),
        delay: 2
    });;
}

function triple(data2) {

    $('#d').append('<p>2nd finished</p>');
    return $.post("/echo/json/", {
        json: JSON.stringify(data2),
        delay: 2
    });;
}