Question

嘿伙计我有一个非常大的问题，理解为什么我的每个人都无法在我的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);我得到未定义但是name参数在对象内部，所以我不确定为什么会这样？

以下是我的数据示例：

[  
    {  
       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可供选择，但是当我使用点符号执行此操作时，我的变量将以未定义的形式返回。

知道为什么会这样吗？

由于

Answer 1

应为rawData[i].name

   for (var i = 0, len = rawData.length; i < len; i++) {
      var imageName = rawData[i].name;
      console.log(imageName);
    }

Answer 2

尝试替换

var imageName = rawData.name;

与

var imageName = rawData[i].name;

您现在正在尝试获取数组的名称而不是对象

Answer 3

$.each()函数很容易使用数组试试这个。

$.each(rawData, function( index, value ) {
  console.log( index + ": " + value );
});

来自REST的jQuery Ajax对象点表示法未定义

3 个答案: