jquery - How to read json response jquery

Question

I am getting this string as json response from my handler. And now i want to display only the Name value in alert, just to test the functionality.... How can i do this?

String is in below:

{
    "files": [
        {
            "Thumbnail_url": null,
            "Name": "Chrysanthemum.jpg",
            "Length": 879394,
            "Type": "image/jpeg"
        }
    ]
}

Answer 1

假设您的 JSON 响应存储在resp.

alert(JSON.parse(resp).files[0].Name);

Answer 2

尝试这个

现场演示

jonObj.files[0].Name

如果您有字符串，则需要使用$.parseJSON将其转换为 json 对象。

现场演示

var jonObj = $.parseJSON('{"files": [{"Thumbnail_url": null, "Name": "Chrysanthemum.jpg", "Length": 879394,"Type": "image/jpeg"}]}');
alert(jonObj.files[0].Name);​

Answer 3

首先，您需要解析 JSON：

var result = JSON.parse('{"files":[{"Thumbnail_url":null,"Name":"Chrysanthemum.jpg","Length":879394,"Type":"image/jpeg"}]}')

然后你可以使用它来引用它：

result.files[0].Name

Answer 4

//Note the jQuery.parseJSON function
var response = jQuery.parseJSON(JSON_Response);
$.each(response, function(object) {
    $.each(response[object], function(values) {
        console.log(response[object][values].Name)
        console.log(response[object][values].Length)
    });
})​

Answer 5

为此，您可以使用jQuery.parseJSON它确实采用格式良好的 JSON 字符串并返回结果 JavaScript 对象。

var obj = jQuery.parseJSON('{"files":[{"Thumbnail_url":null,"Name":"Chrysanthemum.jpg","Length":879394,"Type":"image/jpeg"}]}');

然后

 obj.files[0].Name

Answer 6

如果您使用的是 jQuery，那么在成功函数中将数据作为参数传递并在.each()循环中访问它。

这应该是这样的：

$.each(data.files, function(i, el) {
  alert(el.name);
});