Problem to retrieve JSON after AJAX call

Question

I have made an AJAX function with jQuery. The function works properly, and server return a JSON, but I can't use it in my JS script

Server side :

$array = array();

$array["count"] = count($accounts_list)."";

    for($i=0; $i<count($accounts_list); $i++)
    {
        $account = $accounts_list[$i];

        $array["marker"]["name"] = $account->name;
        $array["marker"]["lat"] = $account->map_latitude;
        $array["marker"]["lon"] = $account->map_longitude;
    }

    echo json_encode($array);

Client side :

$.ajax({  
    type: "POST",  
    url: "index.php?module=cap_Maps&action=AddMarkers", 
    data: dataString, 
    dataType: "json",
    success: function(data) {
        if (data == "error"){
            $(".tr_legend").before("<tr><td colspan='2' id='error'><span class='error_maps'>Erreur lors du chargement des marqueurs</span><td><tr>");
        }
        else {
            alert(data);
                var obj = jQuery.parseJSON( data )
                alert (obj.count);
        }

    }  
});

JSON returns by server:

{"count":"371","marker":{"name":"WAMPFLER","lat":"49.02751610","lon":"2.10611230"}}

Function alert(data) returns my JSON, but if I try to parse it with jQuery.parseJSON( data ), It doesn't work and alert(obj.count); doesn't open.

EDIT

I have add error function:

error: function (XMLHttpRequest, textStatus, errorThrown) {
                    alert("XMLHttpRequest="+XMLHttpRequest.responseText+"\ntextStatus="+textStatus+"\nerrorThrown="+errorThrown);
                },

And error occured :

XMLHttpRequest={"count":"358"}
textStatus=parsererror
errorThrown=Invalid JSON: {"count":"358"}

EDIT

If I had contentType: "application/json", in my AJAX, I can return a static string which is considered as json, but if I try to execute other php code on my server, AJAX returns an 500 Internal server error

The similar question is asked before solution Check this out. Hope this helps — Muhammad Zeeshan
– Muhammad Zeeshan, Commented May 6, 2011 at 9:14
I really don't understand why jQuery throws this error; {"count":"358"} is completely valid. — Marcel Korpel
– Marcel Korpel, Commented May 6, 2011 at 14:32
Can I send an associative array instead of JSON ? If I do this, I will not have problems with JSON ;) — Elorfin
– Elorfin, Commented May 9, 2011 at 8:18
Have you ever tried jQuery.getJSON() instead of jQuery.parseJSON()? (Converted the answer to a comment). — Reporter
– Reporter, Commented Aug 13, 2012 at 10:30

3logy · Accepted Answer · 2011-05-06 09:17:32Z

1

Try this :

var json = jQuery.parseJSON('{"count":"371","marker":{"name":"WAMPFLER","lat":"49.02751610","lon":"2.10611230"}}');

alert(json.count);

maybe you forget to give a string ' ' to parseJSON.

answered May 6, 2011 at 9:17

3logy

2,7128 gold badges49 silver badges104 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Elorfin Over a year ago

Yes, I have forgotten quotes around data, but if I try to add this. I have an error in firebug JSON.parse [Stopper sur une erreur] (function(a,b){function cw(a){return f...a:a+"px")}}),a.jQuery=a.$=f})(window);

Marcel Korpel · Accepted Answer · 2011-05-06 09:17:13Z

0

From jQuery.ajax:

The json type parses the fetched data file as a JavaScript object and returns the constructed object as the result data.

So you don't need jQuery.parseJSON, as the returned string already is parsed.

answered May 6, 2011 at 9:17

Marcel Korpel

21.9k6 gold badges63 silver badges80 bronze badges

6 Comments

Elorfin Over a year ago

I just discover dataType: "json" make error : I can't execute function success. When I try alert(data.count), it 's undefined, so I think it isn't parse.

Marcel Korpel Over a year ago

@Corum: Then add an error callback function and see what the error is.

Elorfin Over a year ago

If I specify dataType: "json", code which is after isn't executed. If I remove this line and spy jQuery.parseJSON(data) with Firebug, I have error Invalid JSON: [{"count":"358"}]

Marcel Korpel Over a year ago

@Corum: Yes, that's exactly why I proposed to add an error handler and see what the error is.

Marcel Korpel Over a year ago

@Corum: please read the documentation: “A function to be called if the request fails. The function receives three arguments: The jqXHR (in jQuery 1.4.x, XMLHttpRequest) object, a string describing the type of error that occurred and an optional exception object, if one occurred. Possible values for the second argument (besides null) are "timeout", "error", "abort", and "parsererror". When an HTTP error occurs, errorThrown receives the textual portion of the HTTP status, such as "Not Found" or "Internal Server Error." ”

|

Raja · Accepted Answer · 2011-05-09 13:33:54Z

0

instead of using parseJson can you try just using eval.

$.ajax({  
    type: "POST",  
    url: "index.php?module=cap_Maps&action=AddMarkers", 
    data: dataString, 
    dataType: "text",
    success: function(data) {
        if (data == "error"){
            $(".tr_legend").before("<tr><td colspan='2' id='error'><span class='error_maps'>Erreur lors du chargement des marqueurs</span><td><tr>");
        }
        else {
            alert(data);
                var obj = eval(data);
                alert (obj.count);
        }

    }  
});

HTH.

answered May 9, 2011 at 13:33

Raja

3,6383 gold badges31 silver badges40 bronze badges

Comments

Inam Abbas · Accepted Answer · 2011-05-09 15:44:04Z

0

It looks like you are not sending the JSON with proper format from your server try to use json_encode() function.

answered May 9, 2011 at 15:44

Inam Abbas

1,48014 silver badges28 bronze badges

Comments

Elorfin · Accepted Answer · 2011-05-10 09:33:22Z

0

The output buffer didn't empty so AJAX received buffer content + JSON so it wasn't a valid JSON.

I use ob_clean() on server side just before output my JSON and it solves the problem.

answered May 10, 2011 at 9:33

Elorfin

2,4972 gold badges28 silver badges50 bronze badges

Collectives™ on Stack Overflow

Problem to retrieve JSON after AJAX call

5 Answers 5

1 Comment

6 Comments

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

1 Comment

6 Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related