Search code examples
javascriptjqueryajaxjsonparse-error

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


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


Solution

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