2 Последовательное JQuery сообщения, второе выполнены первое

Question

Пожалуйста, помогите мне с этим ...

Я должен передать значения в PHP-файл для сохранения, но если был выбран флажок, он должен выполнить второй jquery post с использованием возвращаемого значения из первого. Но похоже, что второй пост jquery выполняется первым, вот мой код:

if($action=="save_prod") 
    { 
     var remember = document.getElementById('chk'); 
     var $suppid=document.getElementById('supp').value; 
     var $categlist=document.getElementById('categlist').value; 
     var $prodname=document.getElementById('prodname').value; 
     var $proddesc=document.getElementById('proddesc').value; 

     $.post(baseurl+'index.php/main/newproduct',{"categlist" : $categlist,"prodname" : $prodname," proddesc" : $proddesc,"supp" : $suppid},function(response) 
     { 
     $lastid=response; 
       if($lastid != 0) 
       { 
        alert("Product has been saved with ID=" + $lastid); 
        document.getElementById('resp').style.display='none'; 
        document.getElementById('fade').style.display='none'; 
        window.location.href=baseurl +"index.php/main/mgtprods/?key="+ $suppid; 
       } 
      }); 

     if (remember.checked) 
     { 
      //alert($lastid); 
      $.post(baseurl+'index.php/main/newitem',{"prodlist" : $lastid ,"itlist" : 0,"itcost" : 0, "supp" : $suppid, "itname" : $prodname, "itunit" : "pc" },function(response) 
      { 
       document.getElementById('resp').style.display='none'; 
       document.getElementById('fade').style.display='none'; 
       //window.location.href=baseurl +"index.php/main/mgtprods/?key="+ $suppid; 
      }); 

     } 
    } 

Большое вам спасибо!

Answer 1

JQuery Ajax функции ($.ajax(), $.get(), $.post() ...) все возвращают Deferred объект, который обертывает, лежащий в основе jqXHR объекта.

Воспользуйтесь преимуществами Deferred.then() функции в цепи двух асинхронных вызовов:

//your first $.post : 
$.post(...) 
.then(function(){ 
    if (remember.checked) { 
     //your second $.post : 
     $.post(...); 
    } 
}); 

Используя это так, то вторая функция будет вызываться только если первый вызов успешным (ничего не будет срабатывать, если первый вызов приводит к ошибке).

---

Ваш первый обратный вызов содержит перенаправление: window.location.href=baseurl +"index.php/main/mgtprods/?key="+ $suppid;. Вам нужно будет выбрать более точно, когда вы хотите выполнить это перенаправление.

Вот способ, чтобы вызвать перенаправление после второго вызова, если remember проверяется, или сразу после первого звонка, если remember не проверяется, приковав Deferred объекты:

$.post(... /* remove the redirection from the first callback */) 
.then(function(){ 
    if (remember.checked) { 
     //your second $.post : return the Deferred corresponding to this call 
     return $.post(... /* remove the redirection from the second callback */); 
    } else { 
     // else, return the first Deferred object : 
     return this; 
    } 
}).then(function(){ 
    /* do your redirection here : */ 
    window.location.href=baseurl +"index.php/main/mgtprods/?key="+ $suppid; 
}); 

fiddle

Answer 2

Попробуйте это ...

if($action=="save_prod") { 
    var remember = document.getElementById('chk'); 
    var $suppid=document.getElementById('supp').value; 
    var $categlist=document.getElementById('categlist').value; 
    var $prodname=document.getElementById('prodname').value; 
    var $proddesc=document.getElementById('proddesc').value; 

    $.post(baseurl+'index.php/main/newproduct',{"categlist" : $categlist,"prodname" : $prodname," proddesc" : $proddesc,"supp" : $suppid},function(response) { 
     $lastid=response; 
     if (remember.checked) { 
      //alert($lastid); 
      $.post(baseurl+'index.php/main/newitem',{"prodlist" : $lastid ,"itlist" : 0,"itcost" : 0, "supp" : $suppid, "itname" : $prodname, "itunit" : "pc" },function(response) { 
       document.getElementById('resp').style.display='none'; 
       document.getElementById('fade').style.display='none'; 
       //window.location.href=baseurl +"index.php/main/mgtprods/?key="+ $suppid; 
      }); 
     } 
     if($lastid != 0) { 
      alert("Product has been saved with ID=" + $lastid); 
      document.getElementById('resp').style.display='none'; 
      document.getElementById('fade').style.display='none'; 
      window.location.href=baseurl +"index.php/main/mgtprods/?key="+ $suppid; 
     } 
    }); 
} 

Все, что я сделал, это переместить 2-ой пост в callb ack функции первого. Вы также можете добавить метод .done() к первому сообщению и добавить к нему второй, но он имеет тот же эффект.