问题阅读JSON

时间:2012-08-02 15:04:50

标签: javascript jquery ajax json jsonp

我很难阅读以下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

3 个答案:

答案 0 :(得分:1)

您似乎需要在$.parseJSON变量上运行datadata将作为JSON字符串返回,您需要将其转换为JavaScript对象文字。

示例:

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

因此,请if (settings.jsonData == true) success函数中的var data = $.parseJSON(data); 后立即放置此内容:

$.each(function() {....});

您没有收到任何错误的原因是因为data没有循环,因为没有任何内容可以在字符串上循环。

有一种非常简单的方法可以测试success变量的数据类型。在alert(typeof(data)); 功能的开头使用此功能:

string

如果您返回{{1}},那么您就知道这是问题所在。

答案 1 :(得分:0)

$.each添加此行之前

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

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

为什么你的代码不起作用? 原因 - 因为您正试图在string上运行循环。 首先将string转换为JSON objecteval()会将string转换为javascript个对象。

答案 2 :(得分:0)

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

,这就会出错
json.key

因为json不是一个对象而是一个对象数组,所以json.key看起来就像是在数组中调用了一些不存在的fncion“key”。您应该首先使用json [0]

选择真实对象本身
myJson = json[0]

然后

value = myJson.key1

如果你正在使用一些外部API,那么我可能会遇到这个问题