Looping over ajax requests in a chrome extension, not working

I was trying loop over the ajax request continuously but it was doing the ajax thing only for the last loop.

while(i<3){
var query = site_url+keywords[i]+'"' ;
         $.ajax({
            url: query,
            type: "GET",
            dataType: "html"
success: function(html) {
var el = $(html).find("#tagID");
                    if(el.length) {
                        console.log("Element  开发者_开发知识库exists");  
                        var cont = 1;

                    }
else{
console.log("Element  doesnt exist");
 var cont = 0;
}
}
});
        console.log(cont);

        i=i+1;    
        }

---

Something along those lines:

processKeyword(0);

function processKeyword(i) {
    if(i < keywords.length) {
        var query = site_url+keywords[i]+'"' ;
        $.ajax({
            url: query,
            type: "GET",
            dataType: "html"
            success: function(html) {
                var el = $(html).find("#tagID");
                if(el.length) {
                    //found, stop processing
                    result(i);
                } else{
                    //not found, process next
                    processKeyword(i + 1);
                }
            }
        });

    } else {
        //all processed, nothing found
        result(-1);
    }

}

function result(i) {
    //i contains keyword index if was found, -1 otherwise
}