Question

function check_timer(){
    //get product ids
    var product_ids= document.getElementsByClassName("product_id");
    //create for loop
    for(var i=0; i<product_ids.length; i++){
        var product_id= product_ids[i].innerHTML;

        $.ajax({
            //send product id to check
            url: "check_last_timer.php",
            type: "post",
            data: {product_id: product_id},
            success: function(end_time){
                //trying to get product_id here

                //$("#timer"+product_id).html(end_time);
            }
        })

    }

}

I am trying to get my product id within the success function. As you can see I have a for loop that sends product_id e.g, 1,2,3…10 to “check_last_timer.php” each time it runs. Problem is how can I get back 1,2,3…10 within the success function. Each time the for loop runs, I get the last product id which is 10.

Answer 1

You can’t use a loop variable declared outside a closure from within that closure.

As you’re using jQuery, use .each:

function check_timer() {
    $('.product_id').each(function() {
        var product_id = this.innerHTML;  // or $(this).html()
        $.ajax({
            //send product id to check
            url: "check_last_timer.php",
            type: "post",
            data: {product_id: product_id},
            success: function(end_time){
                $("#timer" + product_id).html(end_time);
            }
        });
    });
}