嘿,伙计们,我有一个很大的问题,为什么我的for each无法在我的AJAX成功函数中解析我的REStful端点:
所以我有以下代码:
$.ajax({
dataType: "json",
url: '/showroom-event-gallery-api',
success: function(data) {
var rawData = data.slice(0,10);
console.log(rawData);
for (var i = 0, len = rawData.length; i < len; i++) {
var imageName = rawData.name;
console.log(imageName);
}
}
});
console.log(rawData);
语句成功运行,并显示来自REST api的对象。我遇到的问题是,当我尝试使用点符号在所有对象中选择一个名为name
的参数并将它们存储到一个变量中时。
当我console.log(imageName);
时,我没有定义,但是名称参数在对象中,所以我不确定为什么会发生这种情况?
以下是我的数据示例:
[
{
id:225,
car_image_category_id:37,
image_name:"DSC_9672",
name:"77a3b8f84d63557d165f3b4ecf0d079e5cd1ae67.jpg",
path:"img/imagedb/77a3b8f84d63557d165f3b4ecf0d079e5cd1ae67.jpg",
thumbnail_path:"img/imagedb/thumbs/tn-77a3b8f84d63557d165f3b4ecf0d079e5cd1ae67.jpg",
created_at:"2016-07-27 18:13:50",
updated_at:"2016-07-27 18:13:50"
},
{
id:226,
car_image_category_id:37,
image_name:"DSC_9673",
name:"af508985a53d7288d58cea118389a58b3567b364.jpg",
path:"img/imagedb/af508985a53d7288d58cea118389a58b3567b364.jpg",
thumbnail_path:"img/imagedb/thumbs/tn-af508985a53d7288d58cea118389a58b3567b364.jpg",
created_at:"2016-07-27 18:13:50",
updated_at:"2016-07-27 18:13:50"
},
{
id:227,
car_image_category_id:37,
image_name:"DSC_9677",
name:"85832b6a6d952873f2e277ca19b5eab826d63340.jpg",
path:"img/imagedb/85832b6a6d952873f2e277ca19b5eab826d63340.jpg",
thumbnail_path:"img/imagedb/thumbs/tn-85832b6a6d952873f2e277ca19b5eab826d63340.jpg",
created_at:"2016-07-27 18:13:51",
updated_at:"2016-07-27 18:13:51"
}
]
正如您所看到的,可以选择name
,但是,当我使用点符号来执行此操作时,我的变量返回为未定义。
你知道为什么会发生这种事吗?
谢谢
发布于 2016-07-28 19:18:09
应该是rawData[i].name
for (var i = 0, len = rawData.length; i < len; i++) {
var imageName = rawData[i].name;
console.log(imageName);
}
发布于 2016-07-28 19:20:03
尝试替换
var imageName = rawData.name;
使用
var imageName = rawData[i].name;
您现在正在尝试获取数组的名称,而不是对象的名称
发布于 2016-07-28 19:26:44
$.each()
函数很容易与数组一起使用,试试这个。
$.each(rawData, function( index, value ) {
console.log( index + ": " + value );
});
https://stackoverflow.com/questions/38634751
复制相似问题