在 chrome 扩展中循环 ajax 请求，不起作用

Question

我正在尝试连续循环 ajax 请求，但它只在最后一个循环中执行 ajax 操作。

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;    
        }

Answer 1

沿着这些思路：

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
}