Rufen Sie jquery auf, die nicht richtig funktionieren

Question

In den obigen Codes Fenster umleiten zu product_group.php ohne jquery.post (...). Wenn ich alert (...) vor der Zeile window.location ... verwende, funktioniert das Update jquery.post() einwandfrei. Ich denke, es ist ein Problem der jQuery Antwortzeit. Ich konnte es nicht klären.

Bitte helfen.

Answer 1

Sie müssen den Standortwechsel für die Post innerhalb des Callback setzen. Es ändert den Standort (Weiterleitung), bevor der Beitrag abgeschlossen werden kann.

$("#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 2

Sie können einen Event.preventDefault Aufruf fehlen, so dass die Taste, um das Formular nicht speichern nicht schreiben

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

Answer 3

Ich hatte das gleiche Problem an einem anderen Tag und ja, es ist ein Problem von Jquery zu schnell arbeiten. Meine Lösung bestand darin, den Aufruf der Umleitung mit einer setTimeOut() zu verzögern. Ihr Code würde so aussehen:

$("#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"; 
    }