通过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);
    },
});

- Laurens Mäkel

---

你需要解析 JSON 对象。 - Ayan

Answer 1

您需要解析JSON对象：

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

- Ayan

Answer 2

你需要解析响应。将此转换。

alert(data);

到这里

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

- Anik Islam Abhi

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 );
     });
});

希望这可以帮助到您。

- Zakaria Acharki

---

这不是你在寻找的吗？ - Zakaria Acharki

Answer 4

如果您的对象格式正确，那么您可以直接访问这些属性。

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

console.log(data.vnaam);

这里有一个示例可以展示它的工作原理：https://jsfiddle.net/nw44j9ev/

- Stuart