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

时间:2017-01-30 09:52:27

标签: jquery json

我无法弄清楚我如何在这个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);
    },
});

4 个答案:

答案 0 :(得分:1)

您需要解析回复

转换此

alert(data);

到这个

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

答案 1 :(得分:1)

您需要解析JSON对象:

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

答案 2 :(得分:1)

尝试使用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 );
     });
});

希望这有帮助。

答案 3 :(得分:0)

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

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

console.log(data.vnaam);

这是一个向你展示工作的小提琴:https://jsfiddle.net/nw44j9ev/