성공 함수 내에서 변수의 값을 되찾음

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

    } 

} 

성공 함수 내에서 제품 ID를 얻으려고합니다. 당신이 볼 수 있듯이, 나는 실행될 때마다 product_id, 1,2,3 ... 10을 "check_last_timer.php"로 보내는 for 루프를 가지고있다. 문제는 성공 함수 내에서 1,2,3 ... 10을 어떻게 되 찾을 수 있는가입니다. for 루프가 실행될 때마다 마지막 제품 ID는 10입니다.

Answer 1

당신은 그 폐쇄 내에서 폐쇄 외부에 선언 된 루프 변수를 사용할 수 없습니다 처리 않습니다 다시 성공에 서버에서 그것을 얻을.

당신이 jQuery를 사용하는 것처럼, .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); 
      } 
     }); 
    }); 
} 

Answer 2

이것은 AJAX 호출이 비동기를 제안하기 때문입니다. for 루프는 ajax 호출을 대기열에 저장하므로 for 루프가 너무 빠르며 ajax 호출이 완료되는 데 시간이 걸리기 때문에 마지막 ID는 10으로 설정됩니다.

당신이 할 수있는 것은 product_id를 보내 요청하는 것입니다. 다음