JSFiddle - React, Tailwind, and code Playground

HTML

<p id="Alpha"></p>
<p id="Beta"></p>
<p id="Gamma"></p>

JavaScript

var genFn = function*(){
  document.getElementById('Alpha').innerHTML = yield $.post('/echo/html/', { html: 'Test 1', delay: 1 });
  document.getElementById('Beta').innerHTML  = yield $.post('/echo/html/', { html: 'Test 2', delay: 1 });
  document.getElementById('Gamma').innerHTML = yield $.post('/echo/html/', { html: 'Test 3', delay: 1 });
}
var gen = genFn();

// Hier den Generator nutzen!
/*
gen.next();
gen.next();
gen.next();
gen.next();
*/


function test(promise){
    promise.then(function(data){
        var next = gen.next(data);
        if(!next.done){
            test(next.value);
        }
    }, function(err){
        gen.throw(err);
    })
}
try{
test(gen.next().value);
}catch(e){
}

/*var ajaxPromise = gen.next();
ajaxPromise.then(function(data){

});


var test = function(ms){
    var deferred = jQuery.Deferred();
    setTimeout(function(){
        deferred.resolve();
        }, ms);
    return deferred;
}

test(2000).then(function(){

});*/