如何从ajax请求PHP返回的JSON对象中获取属性？

Question

我无法弄清楚如何在这个JSON对象中选择变量。

当我尝试像alert（data.vnaam）那样返回undefined ...

{vnaam: "Henk", tv: "", anaam: "Jansen", adres: "Meeuwweg 12", postcode: "8765 AP"}

这是我的AJAX请求：

$.ajax({
    url :   "action.php",
    method: "GET",
    data    :   ({pers:id}),
    success :   function(data){
        alert(data);
    },
});

Answer 1

您需要解析响应

转换这个

alert(data);

对此

var json=JSON.parse(data);
alert(json.vnaam)

Answer 2

您需要解析JSON对象：

$.ajax({
    url :   "action.php",
    method: "GET",
    data    :   {pers:id},
    success :   function(data){
        var obj = JSON.parse(data);
        alert(obj.vnaam);
    },
});

Answer 3

尝试使用dataType: json ：

$.ajax({
    url: "action.php",
    method: "GET",
    dataType: 'json',
    success: function(data) {   
        //Your code
    }
});

或者你也可以使用jQuery方法$.getJson() ，它将使用GET HTTP请求从服务器加载JSON编码的数据：

$.getJSON( "ajax/test.json", function( data ) {
     $.each( data, function( key, val ) {
         console.log( key, val );
     });
});

希望这可以帮助。

Answer 4

如果您的对象格式正确，那么您只需访问属性...：

var data = {
  vnaam: "Henk", 
  tv: "", 
  anaam: "Jansen", 
  adres: "Meeuwweg 12", 
  postcode: "8765 AP"
};

console.log(data.vnaam);

这是一个向您展示它的小提琴： https ： //jsfiddle.net/nw44j9ev/