Question

This question has been asked several times already, but has been solved with poor implimentations.

A poor implimentation in my opinion is something that:

Uses a library like mootools or jquery

Uses some sort of delay in between requests like setTimeout(“doNext()”,3000);

Specifically what I am trying to achieve is this.

<div onClick="javascript:one();two();"></div>

one() and two() are AJAX

one() MUST come before two()

Answer 1

two(); has to be called in the success handler of the ajax in one(). E.g.:

html:

<div onClick="javascript:one();"></div>

javascript:

function one() {
    $.ajax({
        ...
        success: function() {
            setTimeout(two,3000);
        }
    });
}

function two() {
    $.ajax({
        ...
    });
}