javascript - 使用jquery访问json数据来设置值

Question

我将数据放入 json 字符串中，该字符串在下面的代码中以 r.d 形式出现。

现在我想访问它的字段。那么我应该如何访问它？

这是代码

$.ajax({
            url: "GET_DATA_BY_STORE.aspx/GETSTOREINFO",
            dataType: "json",
            type: "POST",
            contentType: 'application/json; charset=utf-8',
            data: JSON.stringify({ STORE_ID: STORE_ID }),
            async: true,
            processData: false,
            cache: false,
            success: function (r) {                   
                alert(getJSONValue[0].STORE_ID);                    
            },
            error: function (xhr) {
               // alert('Error while selecting list..!!');
            }
        })

在r.d中我得到的数据为

Answer 1

使用 JSON.parse 将其转换为 json 对象后您可以像通常使用 javascript 对象一样访问属性:

var jsonString = '{"d": [{"field1": "value1", "field2": 15.0}, {"field3": [1,2,3]}]}'
var r = JSON.parse(jsonString)

console.log(r.d)
// output: [ { field1: 'value1', field2: 15 }, { field3: [ 1, 2, 3 ] } ]

console.log(r.d[0].field1)
// output: value1

console.log(r.d[0].field2)
// output: 15

console.log(r.d[1].field3)
// output: [ 1, 2, 3 ]


// you can also use brackets notation to access properties in object
console.log(r.d[0]["field1"])
// output: value1


// or you can iterate properties if the data type of a field is an array (r.d is an array)
r.d.forEach(function(prop) {
    console.log(prop);
})
// output:  { field1: 'value1', field2: 15 }
//          { field3: [ 1, 2, 3 ] }