jQuery + php How do I return multiple values in my data object?

Question

I have my simple jquery & php reg/login script working. Basically if the user's name and pass is in the DB the php echoes out true and in my javascript I have

I want to pass the username back to my javascript and save it in a variable, how can I do that?

I think I can something like this in my php:

json_encode(array("boolean" => "true", "username" => '$username'));

but how do I handle it back in my jQuery?

$('#login').click(function(e){
      $.get("login.php",{username: $("#username").val(), password: $("#password").val()},function(data){
         if(data == "true"){

            alert("Logged in");
            $('#logindiv').slideUp();
            $('#gamediv').show(); 
            $('#registerdiv').hide();
            $('#gameheader').html(userloggedin);
         }else{
            alert("Not Logged in");
         }
      });
});

EDIT: login.php

if (isset($_GET['username'])&& isset($_GET['password'])) {
$username = $_GET['username'];
    $password = $_GET['password'];

$sql = mysql_query("SELECT * FROM members WHERE username='$username' AND password='$password'") or die(mysql_error()); 

       // Get member ID into a session variable
        $id = $row["id"];   
        session_register('id'); 
        $_SESSION['id'] = $id;
        // Get member username into a session variable
        $username = $row["username"];   
        session_register('username'); 
        $_SESSION['username'] = $username;
        $json = array("boolean" => "true", "username" => $username);

        echo(json_encode($json));
        //exit();

} else {
    echo "false";
}

main.html ...

$('#login').click(function(e){
      $.getJSON("login.php",{username: $("#username").val(), password: $("#password").val()},function(data){
         if(data.username!==undefined){
            alert(data.username);
            $('#logindiv').slideUp();
            $('#gamediv').show(); 
            $('#registerdiv').hide();
            $('#gameheader').html(data['username']);
         }else{

         }
      });
});

See this thread: stackoverflow.com/questions/4240763/…

Tucker
– Tucker

2012-07-09 15:42:39 +00:00
Commented Jul 9, 2012 at 15:42 — Tucker
– Tucker, Commented Jul 9, 2012 at 15:42

bokonic · Accepted Answer · 2012-07-09 15:41:56Z

2

The username will be in the data object returned from $.get:

 $.get('login.php',params, function(data){
     if(data){
         alert(data.username); // that's the value from php
     }
 }

You can do a lot of checks on the value:

    ... 
    if(data.username) // username isn't empty string, null, undefined
    if(data.username!==undefined) // if you got it at all

answered Jul 9, 2012 at 15:41

bokonic

1,77110 silver badges12 bronze badges

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

4 Comments

RapsFan1981 Over a year ago

data.username is returning as undefined, can't figure out why

bokonic Over a year ago

are you getting a 200 response from your server? Check the web console (F12 in chrome) and look under network to see what your server is sending back.

RapsFan1981 Over a year ago

Using console.log(data) I see that it's correctly returning the value of "boolean" but username is null. $json = array("boolean" => "true", "username" => $username);

RapsFan1981 Over a year ago

I found my problem. For some reason I had this in my code: $username = $row["username"]; which was resetting the value of $username

Celos · Accepted Answer · 2012-07-09 15:42:25Z

1

Use .getJSON(): http://api.jquery.com/jQuery.getJSON/

Then just use

data.username

answered Jul 9, 2012 at 15:42

Celos

5175 silver badges18 bronze badges

1 Comment

RapsFan1981 Over a year ago

I'm getting a return value of null when I do alert(data.username); (edit shown above)

Collectives�� on Stack Overflow

jQuery + php How do I return multiple values in my data object?

2 Answers 2

4 Comments

1 Comment

Linked

Hot Network Questions

Collectives��� on Stack Overflow

2 Answers 2

4 Comments

1 Comment

Linked

Related

Collectives�� on Stack Overflow