Question

I am using Jquery to do POST to authenticate my page.

$.post("api/authenticate", {"authkey": authkey}, function(data){
    console.log(data);
    if (data.success === "false") {
    window.location="/Login.html";
    } 
});

EDIT!!

If authentication is unsuccessful, my php function will return a json object

{"success":"false"}

However, the console.log(data) does not return me anything. even though I can see the response in the resource.

Anyone knows how can I solve this?

Any help is greatly appreciated.

Answer 1

Freon’s answer probably works, here’s an alternative, try forcing the dataType to JSON.

// This is the signature for $.post
jQuery.post( url [, data] [, success(data, textStatus, jqXHR)] [, dataType] )

$.post("api/authenticate", {"authkey": authkey}, function(data){
    console.log(data);
    if (data.success === "false") {
        window.location="/Login.html";
    } 
}, "json");

Another think to look for is to make sure your server responds with a 2xx status. If you return a different status, jQuery will not try to read the response. It will instead look for status code handlers set in the statusCode option that is passed to http://api.jquery.com/jQuery.ajax/

Example

jQuery.ajax( "api/authenticate", {
    data: {"authkey": authkey},
    dataType: 'json',
    statusCode: {
       306: function(jqXhr, errorType) {
            alert('Could not login')
            // If you still want to access the response, it's accessible as raw text
            // If it's JSON, you have to parse it.
            alert (jqXhr.responseText);
       }
    }
});