jQuery从jQuery对象获取数据

时间:2014-12-22 12:24:24

标签: javascript jquery json object

我正在使用ajax从数据库中获取数据。从表中获取数据后,我正在使用json_encode来获取json格式的数据。之后我正在做parseJSON以在js中显示数据。

当我在json中获取数据时,我刚刚做了

data = $.parseJSON(data);

console.log(data);

我得到了像这个jQuery对象的数据。

enter image description here

从这里我想得到名字的值。

我试过console.log(data.first_name); 但它不起作用。它在控制台选项卡中显示为undefined。那么有人可以告诉我如何在这里获取first_name值

4 个答案:

答案 0 :(得分:1)

您的数据是对象数组,并且索引为0,1,2,因此您需要

console.log(data[0].first_name);

你也可以循环使用它们

for(var a=0;a<data.length;a++) {
    console.log(data[a].first_name);
}

答案 1 :(得分:0)

您已返回一组对象。使用以下方法迭代所有这些:

for(var i = 0; i < data.length; i++) {
    console.log(data[i].first_name);
}

答案 2 :(得分:0)

jquery提供$.each()函数来迭代对象或数组,参见下面的示例代码

data = $.parseJSON(data);
$.each(data, function(index, object){
  console.log(object.first_name);
})

答案 3 :(得分:0)

看起来data是必须在此数组上迭代的对象数组,并按如下所示获取每个对象的first_name属性,

data = $.parseJSON(data);
data.forEach(function(item){
  console.log(item.first_name);
})