在jquery中访问json数组中的单个值

Question

我在jQuery中有一个AJAX返回的数组。我想迭代AJAX成功的结果，并从JSON数组中获取单独的值。数据以字符串的形式返回。我使用jQuery的$.ajax从服务器获得它，这很好。

//my View
$.ajax({
    type: "POST",
    url:"http://localhost:8888/CodeIgniter/index.php/user/usercontroller/search",//controller function
    cache: false,
    data:{"responsible1":res1},
    success: function(data21) { 
        alert(data21);
    });
});

//data 21提醒下列{“任务名称”：“编码”、“projname”：“简易婚礼”}{“taskname”}{“维护”、“projname”：“简易婚礼”}{“taskname”}{“taskname”：“流程图”、"projname":"Fnn"} {"taskname":"development in“、”projname“：”Fnn“{taskname”taskname“：”流程图“、”projname“：”艺术图片库“}

如何只访问单个的taskname和projectname，或者如何将data21转换为数组

Answer 1

只需将dataType: "json"添加到请求中，您就可以将数据作为对象获得，但如果将返回数据放入以下括号中：[]

否则就用这个

data21 = $.parseJSON('[' + data21.replace(/\"}/g, '"},').replace(/,$/, "") + ']');
console.log(data21);

示例

Answer 2

success: function(data) { 
data = jQuery.parseJSON(data);  
//now you can access the individual keys like alert(data.taskname+ " : "+data.projname)
    alert(data.taskname+ " : "+data.projname);
});

Answer 3

只要JSON是有效的，您就应该能够访问带有索引的对象数组。

如果这是要返回的数据：

[
    {"taskname":"Coding","projname":"Easy Wedding"},
    {"taskname":"Maintain","projname":"Easy Wedding"},
    {"taskname":"Flow Chart","projname":"Fnn"},
    {"taskname":"development in ","projname":"Fnn"},
    {"taskname":"flow chart","projname":"Art gallery"}
]

那么，这将是可行的：

$.ajax({
    type: "POST",
    url: "http://localhost:8888/CodeIgniter/index.php/user/usercontroller/search",
    cache: false,
    dataType: "json",
    data: { "responsible1":res1 },
    success: function(data) { 
        alert(data[0].taskname);
    });
});