问题读取 JSON

Question

我在阅读以下 JSON 时遇到了困难（基本上没有错误，也没有任何反应），并希望能在识别函数问题时获得帮助。我不清楚 ajax 是否成功地抓住了它，或者它只是在之后没有正确读取它。任何帮助将不胜感激！

这是 JSON 响应的结构：

   [{"attributes":{"type":"Account","url":"/services/data/v25.0/sobjects/Account/00130000015KJlWAAW"},"id":"00130000015KJlWAAW","locname":"Central Valley Ag","address":"607 North Robinson","city":"Hartington","state":"NE","postal":"68739","phone":"402-254-3354","web":"","lat":"42.627212","lng":"-97.269283"},{"attributes":{"type":"Account","url":"/services/data/v25.0/sobjects/Account/00130000015KJlXAAW"},"id":"00130000015KJlXAAW","locname":"Central Valley Ag","address":"709 Centennial Rd","city":"Wayne","state":"NE","postal":"68787","phone":"402-375-3510","web":"","lat":"42.235756","lng":"-96.998321"}]

---

这是处理 JSON 的脚本部分：

   function mapping(orig_lat, orig_lng, origin) {
                $(function () {
                    var dataType;
                    //jsonData is set to true
                    if (settings.jsonData == true) {
                        dataType = "jsonp";
                    } else {
                        dataType = "xml";
                    }
                    $.ajax({
                        type: "GET",
                        url: settings.dataLocation,
                        dataType: dataType,
                        crossDomain: true,                            
                        error: function(jqXHR, textStatus, errorThrown) {   
                    alert('Error Message: '+textStatus);
                    alert('HTTP Error: '+errorThrown);
                },
                        success: function (data) {
                            //After the store locations file has been read successfully
                            var i = 0;

                            if (settings.jsonData == true) {
                                var data = $.parseJSON(data);
                                //Process JSON
                                $.each(data, function () {
                                    var name = this.locname;
                                    var lat = this.lat;
                                    var lng = this.lng;
                                    var address = this.address;
                                    var address2 = this.address2;
                                    var city = this.city;
                                    var state = this.state;
                                    var postal = this.postal;
                                    var phone = this.phone;
                                    var web = this.web;
                                    web = web.replace("http://", "");
                                    var distance = GeoCodeCalc.CalcDistance(orig_lat, orig_lng, lat, lng, GeoCodeCalc.EarthRadiusInMiles);
                                    //Create the array
                                    locationset[i] = new Array(distance, name, lat, lng, address, address2, city, state, postal, phone, web);
                                    i++;
                                });
                            } else {
                                //Process XML
                                $(data).find('marker').each(function () {
                                    //Take the lat lng from the user, geocoded above
                                    var name = $(this).attr('name');
                                    var lat = $(this).attr('lat');
                                    var lng = $(this).attr('lng');
                                    var address = $(this).attr('address');
                                    var address2 = $(this).attr('address2');
                                    var city = $(this).attr('city');
                                    var state = $(this).attr('state');
                                    var postal = $(this).attr('postal');
                                    var phone = $(this).attr('phone');
                                    var web = $(this).attr('web');
                                    web = web.replace("http://", "");
                                    var distance = GeoCodeCalc.CalcDistance(orig_lat, orig_lng, lat, lng, GeoCodeCalc.EarthRadiusInMiles);
                                    //Create the array
                                    locationset[i] = new Array(distance, name, lat, lng, address, address2, city, state, postal, phone, web);
                                    i++;
                                });
                            }

更新：我添加了一个 ajax 错误处理程序作为状态，并在页面加载时得到以下 parseerror：

HTTP 错误：错误： jQuery172036075869924388826_1343923258757 未被调用

然后，当我尝试运行该函数时，我收到以下错误：

Uncaught TypeError: Property 'alert' of object [object Window] is not a function          dealer-locator-iframe2:273
$.fn.storeLocator.each.$.ajax.error dealer-locator-iframe2:273
f.Callbacks.o jquery.min.js:2
f.Callbacks.p.fireWith jquery.min.js:2
w jquery.min.js:4
f.ajaxTransport.send.d.onload.d.onreadystatechange

Answer 1

您似乎需要在 data 变量上运行 $.parseJSON。 data 以 JSON 字符串的形式返回，您需要将其转换为 JavaScript 对象字面量。

例子：

var obj = $.parseJSON('{"name":"John"}');
alert( obj.name === "John" );

因此，在您的 success 函数中将其放在 if (settings.jsonData == true) 之后：

var data = $.parseJSON(data);

您没有收到任何错误的原因是因为 $.each(function() {....}); 没有循环，因为没有任何东西可以在字符串上循环。

有一种非常简单的方法可以测试data 变量的数据类型。在 success 函数的开头使用它：

alert(typeof(data));

如果您返回了string，那么您就知道这就是问题所在。

Answer 2

在$.each之前添加这一行

data = eval("("+data+")");

您的其余代码将正常工作...

为什么您的代码不起作用？ 原因 - 因为您试图在 string 上运行循环。 首先将string 转换为JSON object。 eval() 将 string 转换为 javascript 对象。

Answer 3

您的 JSON 看起来像一个对象数组，您可以通过它周围的 [] 来判断。它是一个只有一个元素的数组，但如果你写会出错

json.key

因为 json 不是一个对象，而是一个对象数组，所以 json.key 看起来你正在调用数组中不存在的一些 fncion“键”。您应该首先使用 json[0] 选择真实对象本身

myJson = json[0]

然后

value = myJson.key1

如果您使用一些外部 API，很可能是我之前遇到过的这个问题