jquery関数で2つのAjax呼び出しを実行中

Question

次の2つのスクリプトがある場合、ボタンがクリックされたときに、それらの両方が読み込まれるときに、矛盾している時点でその両方を望みますか？助言がありますか？最初は2番目の前に実行する必要があります。私は2つの別々の関数を呼び出す試してみましたが、それでも私は、私はちょうど私達jqueryのの基本的な$のアヤックス機能だろう競合

function showUser3(str) 
{ 


if (str=="") 
    { 
    document.getElementById("basketShow").innerHTML=""; 
    return; 
    } 
if (window.XMLHttpRequest) 
    {// code for IE7+, Firefox, Chrome, Opera, Safari 
    xmlhttp=new XMLHttpRequest(); 
    } 
else 
    {// code for IE6, IE5 
    xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); 
    } 
xmlhttp.onreadystatechange=function() 
    { 
    if (xmlhttp.readyState==4 && xmlhttp.status==200) 
    { 
    document.getElementById("basketShow").innerHTML=xmlhttp.responseText; 
    } 
    } 

     var Id = str; 

     var qty = $("#"+Id).find("#qty").val(); 
     var productID = $("#"+Id).find("#productID").val(); 
     var categoryID = $("#"+Id).find("#categoryID").val(); 
     var priceID = $("#"+Id).find("#priceID").val(); 

     var url = 'ajaxAddBasket.php?productID='+productID+'&categoryID='+categoryID+'&qty='+qty+'&priceID='+priceID+'&Id='+Id; 

xmlhttp.open("GET",url,true); 
xmlhttp.send(); 


if (str=="") 
    { 
    document.getElementById("ajaxPallet").innerHTML=""; 
    return; 
    } 
if (window.XMLHttpRequest) 
    {// code for IE7+, Firefox, Chrome, Opera, Safari 
    xmlhttp=new XMLHttpRequest(); 
    } 
else 
    {// code for IE6, IE5 
    xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); 
    } 
xmlhttp.onreadystatechange=function() 
    { 
    if (xmlhttp.readyState==4 && xmlhttp.status==200) 
    { 
    document.getElementById("ajaxPallet").innerHTML=xmlhttp.responseText; 
    } 
    } 


var url = 'ajaxPallet.php'; 
xmlhttp.open("GET",url,true); 
xmlhttp.send(); 

} 

Answer 1

あなたはAjaxがjQueryのajax^[docs]メソッドの呼び出しに変換する場合は、チェーンにdeferred objects ^[docs]とpipe^[docs]を利用することができます呼び出し：

$.ajax({...}).pipe(function() { 
    return $.ajax({...}); 
}); 

はを見てくださいより多くの例のためのドキュメンテーション。

Answer 2

を取得します。そして最初の呼び出しの完全/ succesイベントでは、$ .ajaxの2番目のイベント？

チェックこのリンクアウト：http://api.jquery.com/jQuery.ajax/