来自Javascript的一个请求中的多个JSON文件

Question

我有两个不同的代码用于获取数据的两个不同的URL。代码如下：

Code 1 :
<script language="javascript" type="text/javascript">

  var xmlHttp;
  function parseBoolean(value) {
    return (typeof value === "undefined") ? false : value.replace(/^\s+|\s+$/g, "").toLowerCase() === "true";
  }
  function createXMLHttpRequest(){
    if(window.ActiveXObject){
      xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
    }
    else if(window.XMLHttpRequest){
      xmlHttp = new XMLHttpRequest();
    }
  }
  function call_post(){
    createXMLHttpRequest();
  var vosRequest = new Object();

    vosRequest.accounts = new Array(1);
    vosRequest.accounts[0] = new Object();
    vosRequest.accounts[0] = document.getElementById("accounts").value;




    xmlHttp.open("POST", "http://..../GetCustomer", true);
    xmlHttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded;charset=UTF-8");
    xmlHttp.onreadystatechange = showResult;
    xmlHttp.send(JSON.stringify(vosRequest));
    document.getElementById("postText").innerHTML = "<br>Request Format: " + JSON.stringify(vosRequest) + "</br>";
    document.getElementById("responseText").innerHTML = "";
  }
  function showResult(){
    if(xmlHttp.readyState == 4){
      if(xmlHttp.status == 200){
        document.getElementById("responseText").innerHTML = "<br>Response Format: " + xmlHttp.responseText + "</br>";
    document.body.scrollTop=document.body.scrollHeight;

var json = JSON.parse(xmlHttp.responseText);
document.getElementById('id01').innerHTML = json.infoCustomers[0].infoCustomerAdditional.linkMan;
document.getElementById('id02').innerHTML = json.infoCustomers[0].account;
document.getElementById('id03').innerHTML = json.infoCustomers[0].name;
var num = json.infoCustomers[0].money;
var n = num.toFixed(3);
document.getElementById('id04').innerHTML = n;
var d = new Date(json.infoCustomers[0].validTime);
d = d.toGMTString();
document.getElementById('id05').innerHTML = d;
        }
    }
  }

</script>


Code 2:

<script language="javascript" type="text/javascript">
  var xmlHttp;
  function parseBoolean(value) {
    return (typeof value === "undefined") ? false : value.replace(/^\s+|\s+$/g, "").toLowerCase() === "true";
  }
  function createXMLHttpRequest(){
    if(window.ActiveXObject){
      xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
    }
    else if(window.XMLHttpRequest){
      xmlHttp = new XMLHttpRequest();
    }
  }
  function call_post(){
    createXMLHttpRequest();
  var vosRequest = new Object(); 
  if(document.getElementById("checkbox_account").checked){
    vosRequest.account = document.getElementById("account").value;
  }
  if(document.getElementById("checkbox_areaCode").checked){
    vosRequest.areaCode = document.getElementById("areaCode").value;
  }
  if(document.getElementById("checkbox_period").checked){
    vosRequest.period = parseFloat(document.getElementById("period").value);
  }
  if(document.getElementById("checkbox_beginTime").checked){
    vosRequest.beginTime = document.getElementById("beginTime").value;
  }
  if(document.getElementById("checkbox_endTime").checked){
    vosRequest.endTime = document.getElementById("endTime").value;
  }
    xmlHttp.open("POST", "http://.../GetReportCustomerLocationFee", true);
    xmlHttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded;charset=UTF-8");
    xmlHttp.onreadystatechange = showResult;
    xmlHttp.send(JSON.stringify(vosRequest));
    document.getElementById("postText").innerHTML = "<br>Request Format: " + JSON.stringify(vosRequest) + "</br>";
    document.getElementById("responseText").innerHTML = "";
  }
  function showResult(){
    if(xmlHttp.readyState == 4){
      if(xmlHttp.status == 200){
        document.getElementById("responseText").innerHTML = "<br>Response Format: " + xmlHttp.responseText + "</br>";
        document.body.scrollTop=document.body.scrollHeight;
        var obj, dbParam, xmlhttp, myObj, x, txt = "";
        var json = JSON.parse(xmlHttp.responseText);
          //txt += ""
            for (x=0;x<json.infoReportCustomerLocationFees.length;x++) {
                txt += "<tr><td>" + json.infoReportCustomerLocationFees[x].areaCode + "</td>";
                txt += "<td>" + json.infoReportCustomerLocationFees[x].areaName + "</td>";
                json.infoReportCustomerLocationFees[x].totalFee = json.infoReportCustomerLocationFees[x].totalFee.toFixed(3);
                txt += "<td>" + json.infoReportCustomerLocationFees[x].totalFee + "</td>";
                txt += "<td>" + json.infoReportCustomerLocationFees[x].totalTime + "</td>";
                txt += "<td>" + json.infoReportCustomerLocationFees[x].totalSuiteFee + "</td>";
                txt += "<td>" + json.infoReportCustomerLocationFees[x].totalSuiteFeeTime + "</tr></td>";
            }
           // txt += "</table>" 
            document.getElementById("demo1").innerHTML = txt;

      }
    }
  }
  function load(){
  document.getElementById("account").value = "ABC";
  document.getElementById("areaCode").value = "1";
  document.getElementById("period").value = "7";
  document.getElementById("beginTime").value = "20170828";
  document.getElementById("endTime").value = "20170903";

  }
</script>

这两个代码都在两个不同的html文件中，作为一个个体，两者都可以正常运行并获取数据。

我想在一个html中获取两个url的数据，即我想在单个HTML文件中合并两个文件和两个请求的retreive数据。 你能建议我怎么做？我搜索了stackoverflow，但无法找到正确的解决方案。

提前致谢。