同时获取2个Ajax数据

我在我的html上有2个表，我想填充将通过PHP在mySQL服务器上获取的数据。请原谅我，如果我没了感觉，比较新的网站同时获取2个Ajax数据

我已经宣布了html <body>

<script src="../bower_components/accounts/accounts.js"></script> 
<script src="../bower_components/accounts/userinfoRetrieval.js"></script>

里面我的外部.js文件，你可以从我的js文件看，该功能被自动呼吁负载的html页面。

我猜是有数据冲突，因为我从2个php文件中同时获取数据。因此我的表格值没有正确显示。我怎样才能获取数据并在页面加载时显示它们？

account.js

var tableContents; 
var recipients = new Array(); 
getRecipients(); 

function getRecipients() { //get account related info 
     $.ajax({ 
      type: "GET", 
      url: "../bower_components/accounts/accounts.php", 
      dataType: "json", 
      data: { 
       json: JSON.stringify(recipients), 
      }, 
      success: function(response){ 
       recipients = response; 
       printData(recipients); 
      } 
     }); 
} 

function printData(recipients){ 
    var x = "0"; 

    for(var i in recipients){ 
     if (i%2 == 0){ 
      tableContents = $("<tr class=\"even gradeC\">"); 
      jQuery('#accountsBody').append(tableContents); 

     } 
     else{ 
      tableContents = $("<tr class=\"odd gradeX\">"); 
      jQuery('#accountsBody').append(tableContents); 
     } 
     tableContents.append($("<td style=\"padding-left:18px\"><input name=\"select\" type=\"checkbox\" value=\""+ i + "\"></td>")); 
     tableContents.append($("<td style=\"padding-left:18px\">" + recipients[i].recipientId + "</td>")); 
     tableContents.append($("<td style=\"padding-left:18px\">" + recipients[i].username + "</td>")); 
     tableContents.append($("<td style=\"padding-left:18px\">" + recipients[i].email + "</td>")); 
     tableContents.append($("<td style=\"padding-left:18px\">" + recipients[i].phoneNo + "</td>")); 

     if (recipients[i].status === x){ 
      tableContents.append($("<td style=\"padding-left:18px\">Unapproved</td>")); 
     } 
     else{ 
      tableContents.append($("<td style=\"padding-left:18px\">Approved</td>")); 
     } 
     tableContents.append($("</tr>")); 
    } 
    sorting(); 
}

userinfoRetrieval.js

var tableContents; 
var userInfo = new Array(); 

getuserInfo(); 


function getuserInfo() { //get account related info 
     $.ajax({ 
      type: "GET", 
      url: "../bower_components/accounts/userinfoRetrieval.php", 
      dataType: "json", 
      data: { 
       json: JSON.stringify(userInfo), 
      }, 
      success: function(response){ 
       userInfo = response; 
       printData(userInfo); 
      } 
     }); 

} 

function printData(userInfo){ 
    tableContents = $("<tr>"); 
    jQuery('#userinfoBody').append(tableContents); 

    tableContents.append($("<td>" + userInfo[0].userID + "</td>")); 
    tableContents.append($("<td>" + userInfo[0].username + "</td>")); 
    tableContents.append($("<td>" + userInfo[0].email + "</td>")); 
    tableContents.append($("<td>" + userInfo[0].dob + "</td>")); 
    tableContents.append($("<td>" + userInfo[0].phoneNo + "</td>")); 

    tableContents.append($("</tr>")); 
}