使用 javascript 提取 json 数组数据

Question

我想使用 javascript 从以下查询字符串返回的 json 数据中获取formatted_address。

http://maps.googleapis.com/maps/api/geocode/json?latlng=44.4647452,7.3553838&sensor=true

function getReverseGeocodingData(lat, lng) {
    //use ajax and json
    $.ajax({
        type: "POST",
        url: "http://maps.googleapis.com/maps/api/geocode/json?latlng="+sessionStorage.latitude+","+sessionStorage.longitude+"&sensor=true",
        data: jsondata,
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        success: function (response) {
            var address = response.Result;
            var error = response.Error;
            if (address != null) {
                alert("Found current location: " + address.formatted_address);
                sessionStorage.currentAddress = address.formatted_address;
                return;
            }
        },
        error: function (msg) {
            errorConnection();
        }
    });
}

我尝试获取formatted_address但它返回未定义。

Answer 1

你可以得到这样的格式化地址（Ajax Success）

   success: function (results) {
        var address = (results[0].formatted_address);
              alert(JSON.stringify(address));
    },

Answer 2

刚刚更改了成功函数，您将获得所有格式化的地址

success: function (response) {
    var address = response.results;
    var error = response.error; //write exact word of the "error" which you get in response
    if(address.length > 0) {
        for(i=0; i<address.length; i++) {
            console.log("Found current location: " + address[i].formatted_address);
        }
    }
},

Answer 3

抱歉，

我之前的回复仅修复了 AJAX 请求-在请求上指定 contentType 不是必需的，也没有影响 - 这由服务器控制。

jQuery已经将请求解析为对象，在响应上调用JSON.stringify导致对象被解析为JSON格式的字符串，删除该行解决了问题。此外，指定数据类型似乎也没有必要。

值得注意的是，您将 lat 和 lng 参数传递给函数但不使用它们 - 我建议添加如下行：

lat = lat || sessionStorage.latitude; 
lng = lng || sessionStorage.longitude; 

下面应该是一个完整的解决方案，其中包含我的建议：

function getReverseGeocodingData(lat, lng) {
    lat = lat || sessionStorage.latitude;
    lng = lng || sessionStorage.longitude;
    jsondata = {};
    //use ajax and json
    $.ajax({
        type: "POST",
        url: "http://maps.googleapis.com/maps/api/geocode/json?latlng=" + sessionStorage.latitude + "," + sessionStorage.longitude + "&sensor=true",
        data: jsondata,
        success: function (response) {
            var address = response.results[0].formatted_address;
            var error = response.Error;
            if (address != null) {
                alert("Found current location: " + address);
                sessionStorage.currentAddress = address;
            }
        },
        error: function (msg) {
            errorConnection();
        }
    });
}

Answer 4

有几件事需要解决：

显然，您不必在发出GET请求时发布数据。

我重写了您的代码以从lat和lng中获取参数，以便轻松测试它。

response 是一个包含 results 对象数组（小写r复数）的对象。每个对象都包含一个 formatted_address 属性。

您很可能想要获取第一个：

response.results[0].formatted_address

function getReverseGeocodingData(lat, lng) {
    //use ajax and json
    $.ajax(
    {
        type: "GET",
        url: "http://maps.googleapis.com/maps/api/geocode/json?latlng="+lat+","+lng+"&sensor=true",
        dataType: "json",
        success: function (response) {
            alert("Found current location: " + response.results[0].formatted_address);
        },
        error: function (msg) {
            alert('error');
        }
    });
}

要尝试一下：

getReverseGeocodingData(44.4647452,7.3553838);

输出：

Found current location: Via Pasubio, 34, 12025 Dronero CN, Italia