Why am I getting a parseerror when using jQuery's ajax()?

Question

Can someone tell me why in the world I keep getting a parseerror in the console with the following code?

$.ajax({
    url : "file.php",
    data : data,
    dataType : "json",
    success : function (request) {
        console.log("success");
    },
    error : function (request, error) {
        console.log(error);
    }
});

I have validated my JSON with jsonlint.com and it's Valid.

The Response Headers being returned in the Net tab of Firebug are:

Content-Length 19

Keep-Alive timeout=5, max=96

Connection Keep-Alive

Content-Type application/json

The code you have posted does not throw any errors, what is the exact error you are getting? Perhaps the name or value of the form input (I'm guessing) contains invalid characters. — Jasper
– Jasper, Commented Dec 22, 2011 at 22:03
Have you tried changing the dataType to text? You should then be able to console.log the return data. — Brett Pontarelli
– Brett Pontarelli, Commented Dec 22, 2011 at 22:41

Diode · Accepted Answer · 2011-12-23 02:55:00Z

2

This is how you can send json from PHP

$response = array("title" => "One");

echo json_encode($response);

If { "title": "One" } is the response, Content-Length of response should be 18, but from your description I can see that it is 19. So something is wrong in the response json string, please check it.

answered Dec 23, 2011 at 2:55

Diode

25.2k8 gold badges43 silver badges52 bronze badges

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

2 Comments

Diode Over a year ago

From the screenshot what I can understand is that response is json but string encoded in json. Usually this happens when we do like this echo json_encode('{ "title": "One" }'); Either you can set content type as json and use echo '{ "title": "One" }; or make the response object and encode it json and use echo like this $response = array("title" => "One"); echo json_encode($response);

Zoolander Over a year ago

Thanks for the help. It turned out there was an error in my PHP file.

Jasper · Accepted Answer · 2011-12-22 22:06:03Z

0

It seems possible that the name or value of this may have invalid characters. Instead of concocting your own data string how about letting jQuery do it for you:

data  = $this.serialize();

answered Dec 22, 2011 at 22:06

Jasper

76.1k14 gold badges153 silver badges148 bronze badges

3 Comments

Jasper Over a year ago

@Zoolander I know you posted code that declared dataType : 'json' but I just have to check, you're not setting dataType : 'jsonp' are you? Because the response would almost certainly create a parse-error if the dataType is not properly set...

Jasper Over a year ago

@Zoolander Maybe set contentType: "application/json; charset=utf-8"?

Jasper Over a year ago

@Zoolander Hows about: $.getJSON('file.php', data, function (response) {console.log('success');});?

Collectives™ on Stack Overflow

Why am I getting a parseerror when using jQuery's ajax()?

2 Answers 2

2 Comments

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related