如何在一个html页面中包含在不同端口上运行的不同html文件

Question

我有3个不同的html文件由Nodejs服务器生成并在3个不同的端口上运行，现在我想在一个单独的html页面中显示它们。我使用了iframe和object，但加载非常缓慢并且压缩。每个单独的html文件在特定端口上运行，并通过套接字从服务器加载200bytes /秒（我正在进行实时图表）

代码

   <object type="text/html" data="http://10.0.0.83:8000/socket.html" width="100%" height="250px"></object>

   <object type="text/html" data="http://10.0.0.83:8002/socket1.html" width="100%" height="250px"></object>
   <object type="text/html" data="http://10.0.0.83:8004/socket2.html" width="100%" height="250px"></object>

如果不使用iframe或对象，我该怎么做？请帮忙 。我尝试了谷歌Chrome标志，以加快负载，但仍然无法正常工作。 我刚刚使用下面的代码尝试使用Ajax但我收到了ERR_CONNECTION_REFUSED

的Ajax

  <script type="text/javascript">


  var xhr=new XMLHttpRequest();

  var method='GET';
  var url='http://10.0.0.83:8000/socket.html';

  if("withCredentials" in xhr)
  {
    xhr.open(method,url, true);
  }

 else if(typeof XDomainRequest!="undifined")
 {
  xhr=new XDomainRequest();

  xhr.open(method,url);
 }

 xhr.onload=function(){
 var text=xhr.responseText;
  $("#page1").load(text);

  }

 xhr.onerror=function(){

alert("woops something went wrong ");
}

xhr.send();