在ajax调用之后将数据从PHP API转换为JSON对象

Question

使用jQuery ajax调用后，我有一个api以以下格式返回数据：

API调用

$.get("displayapi.php",function(data){
        var json=data;
        console.log(json);});

登录控制台

{
"listing": {
    "id": "7",
    "name": "Nina Randy",
    "product": "Studio Apartment for Rent ",
    "email": "n@gwmail.gwu.edu",
    "phone": "2147483647",
    "des": "Apartment near Foggy Bottom metro station for rent. Available from     May 2016. Please contact for more details",
    "cost": "3000",
    "category": "apartments",
    "date": "2016-04-24",
    "pic": "unnamed.jpg"
}
}{
"listing": {
    "id": "6",
    "name": "Jay Sean",
    "product": "Parking Spot near Gelman Library",
    "email": "jsean@gwmail.gwu.edu",
    "phone": "2147483647",
    "des": "Parking spot located near foggy bottom metro station for sharing. Please contact for availability. ",
    "cost": "1000",
    "category": "parking",
    "date": "2016-04-18",
    "pic": "1002240-13-20160117082202.jpeg"
} 
}

它以对象格式显示内容，但实际上不是对象。 如何将其转换为JSON对象，以便可以访问对象的各个属性。

Answer 1

您可以只对php返回的字符串调用JSON.parse（），如下所示：

$.get("displayapi.php",function(data){
        var dataObject = JSON.parse(data);
});

但是，由于您的返回值不是有效的JSON-而且您真的做不到，请尝试以下方法：

$.get("displayapi.php",function(data){
        var dataObject = eval(data);
});

Answer 2

您应该将响应数据解析为javascript json对象，如下所示；

$.get("displayapi.php",function(data){
    var json=data;
    var obj = JSON.parse(data);
    //iterate lsiting....
    $.each(obj.listing, function(i){
        console.log(obj.listing[i].name);
    })
});

Answer 3

jQuery有一个名为$ .parseJSON（）的本机函数，它将JSON字符串转换为对象。

http://api.jquery.com/jquery.parsejson/

例

$.get("displayapi.php",function(data){
    var json=data;
    console.log(json);
    var JSONdata = $.parseJSON(json);
    console.log(JSONdata.listing.id);
});

Answer 4

如果您在控制台上检查响应头，则可以看到Content-Type设置为“ text / html;”。 这就是为什么您在解析响应时遇到问题。

首先，使用$.getJSON代替$.get

您是否也可以在displayapi.php中设置适当的内容类型。 例如：

<?php
 $data_array = array(); // The array you want to serialize
 header('Content-Type: application/json');
 echo json_encode($data_array);
?>

这样，您可以避免使用javascript再次解析响应。 现在，您可以再次检查控制台，可以看到Content-Type设置为“ application / json”

请进行测试，并让我知道是否可行。

Answer 5

我建议您使用$.getJSON()方法获取JSON数据$.getJSON()注意使用此方法解析JSON数据

$.getJSON("displayapi.php",function(json){
    $.each(json.listing, function(i){
        console.log(obj.listing[i].name);
    })
});

参考$ .getJSON（）方法