Javascript XMLHttpRequest API在更新的表中显示

Javascript XMLHttpRequest API在更新的表中显示,javascript,html,json,xml,api,Javascript,Html,Json,Xml,Api,我试图创建一个表格,显示到达港口的船只的预计到达时间。我正在调用API: https://services.marinetraffic.com/api/expectedarrivals/v:3/apikey/portid:DKKAL/protocol:xml/timespan:1 这给了我想要在HTML表格中显示的响应,每当一艘新船到达港口时,该响应都会更新: <ETA> <VESSEL_ETA MMSI="21840000" ETA="2018-10-03T08:00:0

我试图创建一个表格,显示到达港口的船只的预计到达时间。我正在调用API:

https://services.marinetraffic.com/api/expectedarrivals/v:3/apikey/portid:DKKAL/protocol:xml/timespan:1
这给了我想要在HTML表格中显示的响应,每当一艘新船到达港口时,该响应都会更新:

<ETA>
 <VESSEL_ETA MMSI="21840000" ETA="2018-10-03T08:00:00"/>
</ETA>

到目前为止,我得到的是:

<button type="button" onclick="loadDoc()">SHIPS</button>
<table id="ships"></table>

<script>
function loadDoc() {
  var xhttp = new XMLHttpRequest();
  xhttp.onreadystatechange = function() {
    if (this.readyState == 4 && this.status == 200) {
    myFunction(this);
  }
 };

  xhttp.open("GET","https://services.marinetraffic.com/api/expectedarrivals/v:3/apikey/portid:DKKAL/protocol:xml/timespan:1", true);
  xhttp.send();
 }
 function myFunction(xml) {
  var i;
  var xmlDoc = xml.responseXML;
  var table="<tr><th>MMSI</th><th>ETA</th></tr>";
  var x = xmlDoc.getElementsByTagName("ETA");
  for (i = 0; i <x.length; i++) {
    table += "<tr><td>" +
    x[i].getElementsByTagName("MMSI")[0].childNodes[0].nodeValue +
    "</td><td>" +
    x[i].getElementsByTagName("ETA")[0].childNodes[0].nodeValue +
    "</td></tr>";
  }
  document.getElementById("ships").innerHTML = table;
}
</script>
船舶
函数loadDoc(){
var xhttp=newXMLHttpRequest();
xhttp.onreadystatechange=函数(){
if(this.readyState==4&&this.status==200){
我的职能(本);
}
};
xhttp.open(“GET”https://services.marinetraffic.com/api/expectedarrivals/v:3/apikey/portid:DKKAL/protocol:xml/timespan:1“,对);
xhttp.send();
}
函数myFunction(xml){
var i;
var xmlDoc=xml.responseXML;
var table=“MMSIETA”;
var x=xmlDoc.getElementsByTagName(“ETA”);

对于(i=0;i您处理XML的方式不正确

您正在查找的节点是船只的预计到达时间,而不是预计到达时间

MSSI/ETA是这些节点的属性,而不是子节点

所以

船舶
//这是一个虚拟的loadDoc-在问题中没有错误
//这将使用一个模拟的XMLHttpRequest响应调用myFunction
函数loadDoc(){
设rawxml=`
`;
var xmlDoc=new DOMParser().parseFromString(rawxml,'text/xml');
myFunction({responseXML:xmlDoc});
}
函数myFunction(xml){
var i;
var xmlDoc=xml.responseXML;
var table=“MMSIETA”;
var x=xmlDoc.getElementsByTagName(“船只”);

对于(i=0;我检查你的浏览器开发工具控制台是否有任何错误,但首先…你有一个名为
loadDoc
…的函数,但在你发布的代码中从未真正调用过它-也许这就是问题所在。我很糟糕,有一个调用该函数的按钮,我在主帖子中忘记了。现在添加了它。不,没关系,只要你真的这么做了调用函数(常见错误,信不信由你!!!)你能给出一个响应的例子吗?因为你需要一个API键,所以不可能让任何人都看到响应:p