gpt4 book ai didi

Javascript jQuery 调用 API 来填充表,但接收到特定对象调用的未定义信息

转载 作者:行者123 更新时间:2023-12-03 06:22:16 24 4
gpt4 key购买 nike

所以我似乎遇到的问题是,当我填充表时,对象 discogsObjects.year 始终以“未定义”填充我的表,尽管事实上当我在 devtools 中调用它时它会返回从 API 调用的年份值。我的格式与代码一致,所以我不确定问题是什么......

谢谢!

var discogsObjects = {
title: [],
label: [],
year: [],
};


$(".artistform").submit(function(event){
event.preventDefault();

var band = ($("#userInput").val());
var url = "https://api.discogs.com/database/search?q=" + band + "&key=olnzRAzKsxiVlgocWNCH&secret=RPCwqvPXDmFkHHNzDePPKIcMsHRmNUIK"

$.ajax({
url: url,
type: "GET",
dataType: "json",
success: (data)=> {
console.log(data.results);



for (i = 0; i<21; i++) {
for(var key in data.results[i]){
//if (key === "id") idArr.push(data.results[i][key]);
if (key === "title") discogsObjects.title.push(data.results[i][key]);
if (key === "label") discogsObjects.label.push(data.results[i][key]);
if (key === "year") discogsObjects.year.push(data.results[i][key]);
}

//$thead(.hidden).show()
// $('#resultsHead').append('<tr><td>Year of Release</td><td>Artist Release</td><td>Record Label</td></tr>');

$('#resultsTable').append('<tr><td>'+discogsObjects.title[i]+'</td><td>'+discogsObjects.year[i]+'</td><td>'+discogsObjects.label[0]+'</td></tr>');


}
}
});
});

最佳答案

“结果”数组中返回的第一个对象是对没有 year 的带区的描述。属性,因此 for 循环的第一次迭代不会填充 year discogsObjects 中的数组对象,因此在之后的每次迭代中 undefined将被附加到 DOM,因为它相差 1。

例如,使用“Maroon 5”,返回的第一个对象将是:

{  
"thumb":"https://api-img.discogs.com/gcuqJ3Ni4_2F_F_35xU7anju50Q=/150x150/smart/filters:strip_icc():format(jpeg):mode_rgb():quality(40)/discogs-images/A-192151-1452146008-4372.jpeg.jpg",
"title":"Maroon 5",
"uri":"/artist/192151-Maroon-5",
"resource_url":"https://api.discogs.com/artists/192151",
"type":"artist",
"id":192151
}

所以你的 for 循环不会找到名为“year”的键,并且 discogsObject.year将是空的。然后附加 discogsObject.year[i]i = 0这是 undefined 。接下来,i 递增,并在下一个对象中找到年份,将其插入年份数组,但是当将其附加到 DOM 时,您尝试执行 discogsObject.year[i]i = 1 ,但是discogsObject.year.length = 1所以这是undefined .

关于Javascript jQuery 调用 API 来填充表,但接收到特定对象调用的未定义信息,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38818963/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com