jQuery JSON Parsing Error

Question

I have a web page that returns this JSON when called:

[{"id":"53","desc":"Roberts"}]

I am using this jQuery to call it by AJAX:

$.ajax ({
    url: rootPath + "data/topology/stations",
    dataType: 'json',
    data: { areaID: $("#lbxArea").val () },
    success: function (data) {
        // Use data for actions
    },
    error: function (jqXHR, textStatus, errorThrown) {
        alert (textStatus);
        alert (errorThrown);
    }
});

I used Firebug to confirm that the data being returned is what I put on top. Despite that, I fall into the error callback and first see parsererror in an alert box, and then I see

SyntaxError: JSON.parse: expected property name or '}'

I tried having the service return

{"list":[{"id":"53","desc":"Roberts"}]}

but that didn't change anything.

possible duplicate of jQuery won't parse my JSON from AJAX query — sje397
– sje397, Commented Aug 12, 2011 at 13:25
No, @sje397, this does not look like a duplicate of that one at all. In that question, the JSON was clearly malformed (no quotes around property names, etc). The JSON shown here in this question looks fine. — Pointy
– Pointy, Commented Aug 12, 2011 at 13:29

Community · Accepted Answer · 2017-05-23 10:28:21Z

3

Whats the response content-type?! Try testing this response using this:

Getting the response content-type from jQuery.Post

also try not having the dataType: 'json' and check the return!

edited May 23, 2017 at 10:28

CommunityBot

11 silver badge

answered Aug 12, 2011 at 13:29

Arthur Neves

12.2k8 gold badges64 silver badges74 bronze badges

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

4 Comments

Nik Over a year ago

The content type is 'text/html'.

Arthur Neves Over a year ago

set the response.contentType to "application/json" and see what happends

Nik Over a year ago

I dropped the dataType and tried to parse the data manually in the success function (which I could now get into), but I get the same problem. It looks like my JSON is getting HTML encoded. How do I fix that?

Arthur Neves Over a year ago

@Nik set the contentyType to "application/json"

Fabian Vargas · Accepted Answer · 2012-11-01 21:28:19Z

Well, I've spent some time on this question, but I'll make something that will serve those who have this problem.

The mistake is in wanting a property accesder response coming from PHP, introducing the following message:

*SyntaxError: JSON. parse: expected property name or '}'*

What you should do is convert JSON response to this is to use the function JSON.parse (data); inside we pass the response variable "data". I will comment a bit the code for better understanding:

   success: function (data) {/ / on success ..     
var json = JSON.parse (data);/ / Convert the JSON format input
console.log (JSON.parse (data));/ / explore the answer
  alert ("" + json.msj);/ / Variable Access Testing with alert
....

Everything seems fine up here, however is dimensioned present the error, then that is because the way it is performing the response from PHP.

Here is a practical way to do it right:

We use json_encode function to return the data in JSON format, within the function passed an associative array with the variables that are required, Example:

echo json_encode (array ('success' => true, 'msg' => 'Hello registered user!'));

After these variables acquire client side without any problem, and simply, here a nitrous-code:

$. ajax ({/ / create an AJAX call ...
data: $ (this). serialize (), / / get the form data
type: $ (this). attr ('method'), / / GET or POST
url: $ (this). attr ('action'), / / the file to call

cache: false,
success: function (data) {/ / on success ..

var json = JSON.parse (data);

$ ('# created'). html (json.msj) / / update the DIV

I hope will be helpful ... any questions feel free to ask ...

321X · Accepted Answer · 2011-08-12 13:27:21Z

1

You can install a Firefox add-on "JSONView". Maybe this gives you more information about the JSON string.

If you don't see anything (special JSON markup), you probaby miss a JSON header.

Edit: Firebug 1.4+ should show a JSON tab at a request.

answered Aug 12, 2011 at 13:27

321X

3,2003 gold badges33 silver badges44 bronze badges

2 Comments

Arthur Neves Over a year ago

+1:lol "If you don't see anything, you probaby miss a JSON header."

321X Over a year ago

I actually mean the hierarchical markup including syntax highlighting.

Collectives™ on Stack Overflow

jQuery JSON Parsing Error

3 Answers 3

4 Comments

Comments

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

4 Comments

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related