jquery가 제대로 작동하지 않습니다.

Question

$("#Save").click(function() { 
    var lastForm = $(".frm_product_group").size() - 1; 
    $(".frm_product_group").each(function (index) { 
     $.post("save_new_product_group.php", $(this).serialize(), function (data) { 
      if (data == false) { 
       alert("Error: Try again"); 
      } 
     }); 
     if (index == lastForm) { 
      window.location.href = "product_group.php"; 
     } 
    }); 
}); 

위 코드에서 창은 jquery.post (...)없이 product_group.php로 리디렉션됩니다. window.location ... 전에 alert (...)을 사용하면 jquery.post() 업데이트가 제대로 작동합니다. 나는 그것이 jquery 응답 시간의 문제라고 생각한다. 나는 그것을 분류 할 수 없었다.

도와주세요. 하여 양식을 당신이 게시물에 대한 콜백 내에서 위치 변화를 둘 필요가

$("#Save").click(function (e) { 
    e.preventDefault(); 
    var lastForm = $(".frm_product_group").size() - 1; 

Answer 1

을 게시하지 않습니다 저장 버튼을 수 있도록

Answer 2

당신은에서는 event.preventDefault 호출을 없을 수 있습니다. 게시물이 완료되기 전에 위치를 변경 (리디렉션)합니다.

$("#Save").click(function() { 
    var numForms = $(".frm_product_group").length; 
    $(".frm_product_group").each(function() { 
     $.post("save_new_product_group.php", $(this).serialize(), function (data) { 
      if (data == false) { 
       alert("Error: Try again"); 
       return false; // Prevent more posts from being sent after error 
      } else { 
       numForms--; 
       if (numForms === 0) { 
        window.location.href = "product_group.php"; 
       } 
      } 
     }); 
    }); 
}); 

Answer 3

나는 다른 날에 같은 문제가 있었지만 예 jquery가 너무 빨리 작동하는 문제가 있습니다. 내 솔루션은 setTimeOut()을 사용하여 리디렉션에 대한 호출을 지연시키는 것이 었습니다. 코드는 다음과 같을 것입니다 :

$("#Save").click(function() { 
     var lastForm = $(".frm_product_group").size() - 1; 
     $(".frm_product_group").each(function (index) { 
      $.post("save_new_product_group.php", $(this).serialize(), function (data) { 
       if (data == false) { 
        alert("Error: Try again"); 
       } 
      }); 
      if (index == lastForm) { 
       setTimeout("foo",1000); 

      } 
     }); 
    }); 

    function foo() 
    { 
     window.location.href = "product_group.php"; 
    }