[jQuery] Re: AJAX and JSON

[Joey Derrico]

Ok so I have used .ajax function to run my ajax and set type to data. It is
getting (well posting) to a php file that echo's a json_encoded array. When
it returns I am using console.log to display the returned data. when I just
use data it shows the JSON encoded data, but if I use data.key I get
undefined. How can I get it to show me the data from the JSON variable?

Here is the script
        $.ajax({ //Begin ajax statement to login file
            type:'POST', //It is a Post request
            url:'functions/php/login.php', //The login file
            datatype:'json', //Return JSON encoded data
            data:{ //Data being sent to the server is...
                Username:$('#CharacterBuilderUsername').val(), //Username
                Password:$('#CharacterBuilderPassword').val() //Password
            },
            cache:false, //Don't Cache the file
            success:function(data){ //if successful....
                $('#UserBar').load('main_pages/UserBar.php'); //Run an AJAX
request for the user menu
                console.log("Data: "+data); //Shows Json data: Data:
{"PlayerId":1,"PlayerName":"First Last"}
                console.log("PlayerId: "+data.PlayerId); //Shows undefined
                console.log("Player's Name: "+data.PlayerName); //Shows
Undefined
                var testdata=data.PlayerId;
                console.log("Returned Data="+testdata); //shows undefined
            },
            error:function(XMLHttpRequest, textStatus, errorThrown){ //if
not successful...
                $('#CharacterBuilderLoginSubmit').show(0); //show the submit
button
            },
        });
    });

>From the PHP file, not the whole script
        $UserInfo['PlayerId']=$PlayerId;
        $UserInfo['PlayerName']=$PlayerFirstName." ".$PlayerLastName;
        echo json_encode($UserInfo);