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](http://stackoverflow.com/questions/249692/jquery-wont-parse-my-json-from-ajax-query) — sje397, Aug 12 '11 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, Aug 12 '11 at 13:29

score 3 · Accepted Answer · edited May 23 '17 at 10:28

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 '17 at 10:28

Community

1
1

answered Aug 12 '11 at 13:29

Arthur Neves

11,840
8
60
73

The content type is 'text/html'. – Nik Aug 12 '11 at 13:32
set the response.contentType to "application/json" and see what happends – Arthur Neves Aug 12 '11 at 13:33
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? – Nik Aug 12 '11 at 13:34
@Nik set the contentyType to "application/json" – Arthur Neves Aug 12 '11 at 13:36

score 2 · Answer 2 · answered Nov 01 '12 at 21:28

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 ...

score 1 · Answer 3 · answered Aug 12 '11 at 13:27

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 '11 at 13:27

321X

3,153
2
30
42

+1:lol "If you don't see anything, you probaby miss a JSON header." – Arthur Neves Aug 12 '11 at 13:30
I actually mean the hierarchical markup including syntax highlighting. – 321X Aug 12 '11 at 13:33

jQuery JSON Parsing Error

3 Answers3