我正在尝试从JSON文件访问嵌套元素。更具体地说，我从RSS提要中获取信息，并使用api转换为JSON，然后使用$.each方法通过JQuery检索这些信息。我试图检索的元素是"link"，但下面的行不起作用。我只能输出title对象。我该怎么解决这个问题？
谢谢！
这是我的JQuery代码：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Js Test</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
</head>
<body>
<script>
jQuery(document).ready(function ($) {
$(function () {
var $content = $('#roundupContent');
var data = {
rss_url: 'http://roundup.calpolycorporation.org/~api/papers/b686f300-0de4-458f-9b51-07756c12d705/rss'
};
$.get('https://api.rss2json.com/v1/api.json', data, function (response) {
if (response.status == 'ok') {
var output = '';
$.each(response.items, function (k, item) {
//I can output the title
var title = item.title;
console.log(title);
//But i cant output the image link
var tagIndex = item.enclosure.link;
console.log(tagIndex);
return k < 1;
});
}
});
});
});
</script>
</body>
</html>这是JSON代码的一部分：
{
"items": [
{
"title": "Mustangs in Pros: Marinconz, Meyer Hitting Well in Start to Pro Career",
"pubDate": "2018-07-11 04:00:00",
"link": "https://www.gopoly.com/sports/bsb/2017-18/releases/20180711m0l4q1",
"guid": "b385bac9-6997-4bd8-b6d6-71c4ab011fdf",
"author": "",
"thumbnail": "",
"description": "<p><strong>gopoly.com</strong> - SAN LUIS OBISPO, Calif. — The top hitters for former Cal Poly position players in professional baseball are Mitch Haniger of the Seattle Mariners, Kyle Marinconz of the Auburn Doubledays, Nick Meyer …</p>",
"content": "<p><strong>gopoly.com</strong> - SAN LUIS OBISPO, Calif. — The top hitters for former Cal Poly position players in professional baseball are Mitch Haniger of the Seattle Mariners, Kyle Marinconz of the Auburn Doubledays, Nick Meyer …</p>",
"enclosure": {
"link": "http://www.gopoly.com/sports/bsb/2017-18/Marinconz-MeyerMinors.jpg?max_width=600&max_height=600"
},
"categories": [
"Sports"
]
},
{
"title": "Cal Poly's digital transformation hub lets students take technology to government",
"pubDate": null,
"link": "https://edscoop.com/california-polytechnic-state-university-digital-transformation-hub-lets-students-take-technology-to-government",
"guid": "86cec9b0-2be1-4438-90fa-ff1a4564655f",
"author": "",
"thumbnail": "",
"description": "<p><strong>edscoop.com</strong> - Students at California Polytechnic State University (Cal Poly) don’t have to go far to get real-world problem-solving experience with the latest technology. Since last October, Cal Poly students and …</p>",
"content": "<p><strong>edscoop.com</strong> - Students at California Polytechnic State University (Cal Poly) don’t have to go far to get real-world problem-solving experience with the latest technology. Since last October, Cal Poly students and …</p>",
"enclosure": {
"link": "https://s3.amazonaws.com/edscoop-media/uploads/dxhub.jpg?mtime=20180712160104"
},
"categories": [
"Technology"
]
}
]
}
你可以试试这个。
jQuery(document).ready(function ($) {
$(function () {
var $content = $('#roundupContent');
var data = {
rss_url: 'http://roundup.calpolycorporation.org/~api/papers/b686f300-0de4-458f-9b51-07756c12d705/rss'
};
$.get('https://api.rss2json.com/v1/api.json', data, function (response) {
if (response.status == 'ok') {
var output = '';
$.each(response.items, function (k, item) {
//I can output the title
var title = item.title;
var tagIndex;
// If you want to store link in array
var tagIndexes = [];
$.each(item.enclosure, function (index, link) {
tagIndex = link;
tagIndexes.push(link)
});
console.log(tagIndex);
console.log(tagIndexes);
return k < 1;
});
}
});
});
});
错误@我以前的答案；试试这个代码：
var $content = $('#roundupContent');
var data = {
rss_url: 'http://roundup.calpolycorporation.org/~api/papers/b686f300-0de4-458f-9b51-07756c12d705/rss'
};
$.get('https://api.rss2json.com/v1/api.json', data, function (response) {
console.log(response);
if (response.status == 'ok') {
var output = '';
$.each(response.items, function (k, item) {
//I can output the title
var title = item.title;
var enclosure = item.enclosure.link;
console.log(title);
console.log(enclosure);
return k < 1;
});
}
});
(
function () {
var $content = $('#roundupContent');
var data = {
rss_url: 'http://roundup.calpolycorporation.org/~api/papers/b686f300-0de4-458f-9b51-07756c12d705/rss'
};
$.getJSON('https://api.rss2json.com/v1/api.json', data, function (response) {
if (response.status == 'ok') {
var output = '';
$.each(response.items, function (k, item) {
console.dir(item);
//I can output the title
var title = item.title;
console.log(title);
//But i cant output the image link
var tagIndex = item.enclosure.link;
console.log(tagIndex);
return k < 1;
});
}
});
})();