php - 解析 JSON Ajax 响应

Question

我在解析 JSON 响应时遇到问题。我已经这样做了很多次，但由于我无法辨别的原因，这不起作用。这是我正在做的事情:

在有人提出建议之前 - 由于我正在从事的项目的一些要求，我必须使用服务器端 Google 地理编码网络服务，我无法在所有客户端执行此操作。

我在服务器端部分使用 PHP。我使用 AJAX(通过 jQuery)将位置发送到服务器，获取响应并将其编码为 JSON 返回。这是服务器端代码:

<?php
if(!empty($_POST['theLocation']))
{
    $loc = urlencode($_POST['theLocation']);

    $response = file_get_contents("http://maps.googleapis.com/maps/api/geocode/json?address=$loc,+CA&sensor=false");
    echo  json_encode($response);
}
?>

这是客户端调用，其中 theLocation 是位置名称:

 var postdata = "theLocation=" + encodeURIComponent(theLocation);
$.ajax( {
    type : "POST",
    url : "GeoEncode.php",
    data :postdata ,
    dataType : "JSON",
    success : function(data) {
        data = $.parseJSON(data);

        lat = data.results[0].geometry.location.lat;
        lng = data.results[0].geometry.location.lng;

    },
    error: function (request, status, error) {
        log("Error: getLatLong Status - " + status + " ErrorText - " + error);
    }
});

当我尝试访问 data.results[0] 时，收到错误 Uncaught TypeError: Cannot read property '0' of undefined。这显然意味着没有结果属性。但是，如果我执行 console.log(data) 这就是我得到的:

{
    "results": [
        {
            "address_components": [
                {
                    "long_name": "Halifax",
                    "short_name": "Halifax",
                    "types": [
                        "locality",
                        "political"
                    ]
                },
                {
                    "long_name": "Halifax",
                    "short_name": "Halifax",
                    "types": [
                        "administrative_area_level_3",
                        "political"
                    ]
                },
                {
                    "long_name": "Halifax Regional Municipality",
                    "short_name": "Halifax Regional Municipality",
                    "types": [
                        "administrative_area_level_2",
                        "political"
                    ]
                },
                {
                    "long_name": "Nova Scotia",
                    "short_name": "NS",
                    "types": [
                        "administrative_area_level_1",
                        "political"
                    ]
                },
                {
                    "long_name": "Canada",
                    "short_name": "CA",
                    "types": [
                        "country",
                        "political"
                    ]
                }
            ],
            "formatted_address": "Halifax, NS, Canada",
            "geometry": {
                "bounds": {
                    "northeast": {
                        "lat": 44.7035312,
                        "lng": -63.55963089999999
                    },
                    "southwest": {
                        "lat": 44.5949302,
                        "lng": -63.68627009999999
                    }
                },
                "location": {
                    "lat": 44.6488625,
                    "lng": -63.5753196
                },
                "location_type": "APPROXIMATE",
                "viewport": {
                    "northeast": {
                        "lat": 44.7035312,
                        "lng": -63.55963089999999
                    },
                    "southwest": {
                        "lat": 44.5949302,
                        "lng": -63.68627009999999
                    }
                }
            },
            "types": [
                "locality",
                "political"
            ]
        }
    ],
    "status": "OK"
}

这是有效的 JSON，显然有一个结果属性。我不知道为什么我遇到了这个问题，我一定错过了一些东西，但通过我的调试我还没有找出什么。如果有人可以提供任何建议，我们将不胜感激。谢谢!

Answer 1

您正在设置dataType:'json'。这意味着 jQuery 将为您将结果解析为 JSON。

丢失 data = $.parseJSON(data); 行，那么它应该可以工作。

此外，正如 @SLaks 指出的:在 PHP 中，$response 已经是 JSON 格式。不需要json_encode它。只需 echo $response。