Promise

Sample with promise in jquery

by andrenmaia

HTML

<ul id="test">
    <li>start</li>
</ul>

JavaScript

function addmsg(msg){
    $("#test").append("<li>" + msg + "</li>");
}

function timeoutAsync(miliseconds){
    var deferred = $.Deferred();
    setTimeout(function() {
        deferred.resolve();
    }, miliseconds);
    
    return deferred.promise();
}

function abcAsync(){
    var firstPromise = timeoutAsync(2000);
    firstPromise.done(function() { 
		addmsg("done firstPromise");  
	
		var secondPromise = timeoutAsync(3000);
		secondPromise.done(function() {
			addmsg("done secondPromise");  
			firstPromise.done(function() { 
				addmsg("done secondPromise firstPromise");  
			});
		});
	});
    return firstPromise;
}

abcAsync();