【发布时间】:2016-01-21 06:28:00
【问题描述】:
我正在使用 NYT API 来获取文章的缩略图/图像。但是对于某些图像,我收到了Cannot read property "url" of undefined 错误。这是终端的屏幕截图。
由于它说“url”未定义,我决定(在我的函数中)检查图像源是否返回undefined:
var prefix = "http:\/\/static01.nyt.com\/";
var src = prefix + data.multimedia[2].url;
if(!src || src == undefined) { src = "img/img-nyt.png"; }
else { imgSource = src; }
console.log(imgSource);
但我不确定为什么它仍然会返回 undefined,因为如果是,则图像源应更改为 img-nyt.png。
这是JSON 请求的示例:
"results": [
{
"multimedia":[
{
"url":"http:\/\/static01.nyt.com\/images\/2016\/01\/20\/us\/20michigan-web\/20michigan-web-thumbStandard.jpg",
"height":75,
"width":75,
},
{
"url":"http:\/\/static01.nyt.com\/images\/2016\/01\/20\/us\/20michigan-web\/20michigan-web-thumbLarge.jpg",
"height":150,
"width":150,
},
{
"url":"http:\/\/static01.nyt.com\/images\/2016\/01\/20\/us\/20michigan-web\/20michigan-web-articleInline.jpg",
"height":127,
"width":190,
}
]
}
]
这是我的整个函数,它从这个 JSON 获取值:
// MAKES THE REQUEST AND DISPLAYS THE NEWS BASED ON RESULTS
function searchArticles(term) {
viewing.innerHTML = term;
term = term.replace(/ /g, "+");
searchURL = "http://api.nytimes.com/svc/search/v2/articlesearch.json?q=" + term + "&api-key=" + searchAPI;
var prefix = "http:\/\/static01.nyt.com\/";
mainDivToAppendTo.innerHTML = null;
$.getJSON(searchURL, function(api) {
var i = 0;
api.response.docs.forEach(function(data) {
link = data.web_url;
var src = prefix + data.multimedia[2].url;
if(!src || src == undefined) { src = "img/img-nyt.png"; }
else imgSource = src;
console.log(imgSource);
cardTitle = (data.headline.main.length > 43) ? data.headline.main.substring(0, 43) + " .." : data.headline.main;
postedBy = "In " + data["section_name"];
i++;
createCardElements();
});
numberOfPosts.innerHTML = i + " results";
});
}
我似乎无法弄清楚这有什么问题。也许我只是错过了一些非常明显的东西。希望我能得到一些帮助..
这是您可以查看的完整示例 URL:
http://api.nytimes.com/svc/search/v2/articlesearch.json?q=donald-trump&api-key=sample-key
【问题讨论】:
标签: javascript jquery json api