Retrieving json_encoded PHP object values from an ajax call?

Question

My ajax:

$.ajax(
        {
            type:'POST',
            url: 'ajax.php',                  //the script to call to get data
            data: {request: 'getUser',id:id},
            dataType: 'json',                //data format
            complete: function(data)          //on receive of reply
            {
                console.log(data); 
            }
        });

My php file that handles the ajax request(ajax.php):

elseif ($_POST['request'] == 'getUser')
    {
        $DAO = new UserDAO;
        $q = $DAO->ajaxGetUser($_POST['id']);
        echo json_encode($q);
    }

ajaxGetUser function:

public function ajaxGetUser($id)
    {
        $q = $this->db->prepare('SELECT * FROM user WHERE userId=:id');
        $q->bindValue(':id', $id, PDO::PARAM_INT);
        $q->execute();
        $r = $q->fetch(PDO::FETCH_OBJ);
        unset($r->userPassword);
        return $r;
    }

console.log(data) is showing me the object in the "ResponseJSON" on firebug, but when I try something like console.log(data.userName), console.log(data[0].userName), they're undefined, since i'm not very good in ajax i've been looking many threads but couldn't find one that could help me.

I guess the json is already parsed since dataType is set to "json", how can I access the User object with all its properties? Thanks for your help

readyState 4

responseJSON
    Object { userId="6", userName="321", more...}

responseText
    "{"userId":"6","userName...":null,"userStatus":"0"}"

status 200  
statusText "OK" 
abort function()    
always function()   
complete function()
done function()
error function()
fail function()
getAllResponseHeaders function()    
getResponseHeader function()
overrideMimeType function()
pipe function()
progress function()
promise function()
setRequestHeader function()
state function()
statusCode function()
success function()  
then function()

Can you post the output of the console.log(data)?

tymeJV
– tymeJV

2014-01-24 16:27:47 +00:00
Commented Jan 24, 2014 at 16:27 — tymeJV
– tymeJV, Commented Jan 24, 2014 at 16:27

Salman Arshad · Accepted Answer · 2014-01-24 17:00:13Z

1

Set a success handler instead of complete:

The callback hooks provided by $.ajax() are as follows:

[...]
4. success callback option is invoked, if the request succeeds. It receives the returned data, a string containing the success code, and the jqXHR object.
[...]
6. complete callback option fires, when the request finishes, whether in failure or success. It receives the jqXHR object, as well as a string containing the success or error code.

The code would look like:

success: function(data)
{
    console.log(data, data.userId, data.userName); 
}

edited Jan 24, 2014 at 17:00

answered Jan 24, 2014 at 16:53

Salman Arshad

274k85 gold badges450 silver badges540 bronze badges

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

2 Comments

gen_Eric Over a year ago

Good catch! I didn't notice he was using the wrong callback in his $.ajax call.

adaba Over a year ago

Funny part is I was using success at start, thanks a lot, back to work !

adaba · Accepted Answer · 2014-01-24 16:54:57Z

0

It seems data was an object, I managed to get the user object was by using data.responseJSON, so data.responseJSON.userName for the name.

I don't know why it would return in this way through.

edited Jan 24, 2014 at 16:54

answered Jan 24, 2014 at 16:52

adaba

3841 silver badge22 bronze badges

1 Comment

gen_Eric Over a year ago

Take a look at @Salman A's answer. You are using the wrong callback in your $.ajax. You want success:, not complete:. They are passed different parameters when called. api.jquery.com/jquery.ajax

Collectives™ on Stack Overflow

Retrieving json_encoded PHP object values from an ajax call?

2 Answers 2

2 Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related