Javascript XMLHttpRequest API在更新的表中显示
我试图创建一个表格,显示到达港口的船只的预计到达时间。我正在调用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
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