提问人：Suman Kalyan 提问时间：5/3/2019 更新时间：5/4/2019 访问量：48
已解析 XML 数据无法使用 javascript 显示
Parsed the XML data can't be shown using javascript
问：
我正在尝试从来自在线 RSS 提要的 xml 树中获取数据。当我把它放在循环中时，数据无法显示。
这是一个普通的 HTML 文件。我正在尝试使用 javascript 将数据附加到表中。
<table id="demo"></table>
<script>
var x = new XMLHttpRequest();
x.open("GET", "https://cors-anywhere.herokuapp.com/https://www.gadgetsnow.com/rssfeeds/2147478039.cms", true);
x.onreadystatechange = function () {
if (x.readyState == 4 && x.status == 200)
{
var doc = x.responseXML;
var table="<tr><th>Link</th><th>Description</th> <th>Title</th></tr>";
var data = doc.getElementsByTagName("item");
console.log(data);
for (i = 0; i < data.length; i++) {
table += "<tr><td>" +
data[i].getElementsByTagName("link")[0].childNodes[0].nodeValue +
"</td><td>" +
data[i].getElementsByTagName("description")[0].childNodes[0].nodeValue +
"</td><td>" +
data[i].getElementsByTagName("title")[0].childNodes[0].nodeValue +
"</td></tr>";
}
document.getElementById("demo").innerHTML = table;
}
};
x.send(null);
请看下面的截图，我得到了什么，
答：
0赞
iamousseni
5/3/2019
#1
不要使用 x，而是使用 this。
var x = new XMLHttpRequest();
x.open("GET", "https://cors-anywhere.herokuapp.com/https://www.gadgetsnow.com/rssfeeds/2147478039.cms", true);
x.onreadystatechange = function () {
if (this.readyState == 4 && this.status == 200)
{
var doc = this.responseXML;
var table="<tr><th>Link</th><th>Description</th> <th>Title</th></tr>";
var data = doc.getElementsByTagName("item");
console.log(data);
for (i = 0; i < data.length; i++) {
table += "<tr><td>" +
data[i].getElementsByTagName("link")[0].childNodes[0].nodeValue +
"</td><td>" +
data[i].getElementsByTagName("description")[0].childNodes[0].nodeValue +
"</td><td>" +
data[i].getElementsByTagName("title")[0].childNodes[0].nodeValue +
"</td></tr>";
}
document.getElementById("demo").innerHTML = table;
}
};
x.send(null);
评论
0赞
Suman Kalyan
5/3/2019
同样的事情正在发生。如果我使用 doc.getElementsByTagName（“channel”）;- 然后我在它下面得到一个数据。我想要所有<item>，它在通道下。请调查一下。请参考 gadgetsnow.com/rssfeeds/2147478039.cms。@iamousseni
0赞
user11431018
5/3/2019
#2
我发现数据问题，因为列表描述中的第三个对象未定义，所以这个错误，所以你可以改变你的脚本，比如先验证数据
<script>
var x = new XMLHttpRequest();
x.open("GET", "https://cors-anywhere.herokuapp.com/https://www.gadgetsnow.com/rssfeeds/2147478039.cms", true);
x.onreadystatechange = function () {
if (x.readyState == 4 && x.status == 200)
{
var doc = x.responseXML;
var table="<tr><th>Link</th><th>Description</th> <th>Title</th></tr>";
var data = doc.getElementsByTagName("item");
console.log(data);
for (i = 0; i < data.length; i++) {
table += "<tr><td>" +
data[i].getElementsByTagName("link")[0].childNodes[0].nodeValue +
"</td><td>" +
(data[i].getElementsByTagName("description")[0] && data[i].getElementsByTagName("description")[0].childNodes[0]?
data[i].getElementsByTagName("description")[0].childNodes[0].nodeValue
:'na')+
"</td><td>" +
data[i].getElementsByTagName("title")[0] && data[i].getElementsByTagName("title")[0].childNodes[0]?
data[i].getElementsByTagName("title")[0].childNodes[0].nodeValue
:'na' +
"</td></tr>";
console.log("print for loop-",i)
}
document.getElementById("demo").innerHTML = table;
}
};
x.send(null);
</script>
更新
<script>
var x = new XMLHttpRequest();
x.open("GET", "https://cors-anywhere.herokuapp.com/https://www.gadgetsnow.com/rssfeeds/2147478039.cms", true);
x.onreadystatechange = function () {
if (x.readyState == 4 && x.status == 200) {
var doc = x.responseXML;
var table = "<thead><tr><th>Link</th><th>Description</th> <th>Title</th></tr></thead>";
var data = doc.getElementsByTagName("item");
console.log(data);
table += "<tbody>"
for (i = 0; i < data.length; i++) {
table += "<tr>"
table += "<td>" +
(data[i].getElementsByTagName("link")[0].childNodes[0] && data[i].getElementsByTagName("link")[0]
.childNodes[0].nodeValue ?
data[i].getElementsByTagName("link")[0].childNodes[0].nodeValue : "na") +
"</td>";
table += " <td>" +
(data[i].getElementsByTagName("description")[0] && data[i].getElementsByTagName("description")[0]
.childNodes[0] ?
data[i].getElementsByTagName("description")[0].childNodes[0].nodeValue :
'na') +
"</td>";
table += "<td>" +
(data[i].getElementsByTagName("title")[0] && data[i].getElementsByTagName("title")[0]
.childNodes[0] ?
data[i].getElementsByTagName("title")[0].childNodes[0].nodeValue :
'na') + "</td>";
table += "</tr>";
console.log("print for loop-", i)
}
table += "</tbody>"
document.getElementById("demo").innerHTML = table;
}
};
x.send(null);
</script>
评论
0赞
Suman Kalyan
5/3/2019
嗨，阿米特，我在这里只得到标题。无法获取描述和链接。你能帮忙吗？
0赞
Suman Kalyan
5/3/2019
一次我只能得到一个数据（标题、链接或描述）。不是一次全部。我也进入了一个小区。@amit森格
0赞
5/3/2019
当然，我正在更新我现有的答案
0赞
Suman Kalyan
5/3/2019
谢谢，我已经明白了。缺少一个括号。@amit森加尔
0赞
5/3/2019
如果您的问题已解决，请标记答案，否则此问题将显示在“未回答”列表中
0赞
iamousseni
5/4/2019
#3
您确定 URI 是正确的吗？试试这个。
var x = new XMLHttpRequest();
x.open("GET", "https://www.gadgetsnow.com/rssfeeds/2147478039.cms", true);
x.onreadystatechange = function () {
if (this.readyState == 4 && this.status == 200)
{
var doc = this.responseXML;
var table="<tr><th>Link</th><th>Description</th> <th>Title</th></tr>";
var data = doc.getElementsByTagName("channel");
console.log(data);
for (i = 0; i < data.length; i++) {
table += "<tr><td>" +
data[i].getElementsByTagName("link")[0].childNodes[0].nodeValue +
"</td><td>" +
data[i].getElementsByTagName("description")[0].childNodes[0].nodeValue +
"</td><td>" +
data[i].getElementsByTagName("title")[0].childNodes[0].nodeValue +
"</td></tr>";
}
document.getElementById("demo").innerHTML = table;
}
};
x.send(null);
评论