How To Return Data from PHP to Use in jQuery(ajax)?

Question

I have to process a Simple log-in File. In Many Web Tutorials I have read that for any Ajax requests in jquery the callback function is function(data) and the data is returned by the server side script.

Well, my server side script is PHP. I wish to know how can I return data from PHP which will be stored in jquery's data and I can use conditional loops to process them.

Here is my jquery Code:

$('#loginform').submit( function() {
        var querystring = $(this).serialize();
        $.post('login.php', querystring, processLI );
        function processLI(data) {
            if (data == 'success'){
            alert("Successful");
            var url = "game.php";    
            $(location).attr('href',url);
            }
            else 
                alert ('Login Failed');
        }

I am using simple return statement in my php file, which does not seem to work at all. here is the login.php file. I just posted the part necessary here.

$statement = $connection->prepare("SELECT * FROM users WHERE username = '$username'");
    $statement->execute(array());
    $result = $statement->fetch(PDO::FETCH_ASSOC);

    if ($result['password'] == $safepass) {
        setcookie("Login", true);
        echo 'success';

    }
    else 
        echo "Failure";

And does it alert the error message (you did of course close the function, it's not closed in the code above) ? — adeneo
– adeneo, Commented Dec 29, 2012 at 7:58
No Error Messages. I checked iin Chrome's JS Console as well. No error there too. — Rohitink
– Rohitink, Commented Dec 29, 2012 at 8:00
@RohitSmith try console.log(data); to check what is in response. if response is success that is fine . — Surinder ツ
– Surinder ツ, Commented Dec 29, 2012 at 8:21

jamesmortensen · Accepted Answer · 2013-01-01 09:58:50Z

2

Try doing it like this, by placing the function as the parameter, and not by calling the function.

$('#loginform').submit( function() {
    var querystring = $(this).serialize();
    $.post('login.php', querystring, function(data){
        if (data == 'success') {
            alert("Successful");
            var url = "game.php";    
            $(location).attr('href',url);
        }
        else 
            alert ('Login Failed');
    });

edited Jan 1, 2013 at 9:58

jamesmortensen

34.2k11 gold badges102 silver badges124 bronze badges

answered Dec 29, 2012 at 8:13

Get Off My Lawn

36.6k47 gold badges201 silver badges380 bronze badges

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

2 Comments

Rohitink Over a year ago

No, this doesn't help either. No Matter what, Login Failed is echoed all the time. The problem is with returning value from PHP code.

Get Off My Lawn Over a year ago

parameter 2 of setcookie needs to be a string, not a boolean, you are probably getting an error returned back.

Musa · Accepted Answer · 2012-12-29 07:50:25Z

1

Use the echo statement to output data, if the login is successful echo 'success';

answered Dec 29, 2012 at 7:50

Musa

97.9k17 gold badges123 silver badges144 bronze badges

Comments

chwagssd · Accepted Answer · 2012-12-29 10:05:29Z

This is an answer about how to debug AJAX requests. First, use Chrome (or Safari, or Firefox with Firebug plugin installed), then open up the developer tools from the settings menu. In the network panel, you can see the request/response. It may not be a direct answer, but please - try to use the Chrome developer tools with the "Net Panel" to see request/response/cookies/headers.

This will save you the trouble of having to guess, it will show you the response verbatim. Then you can solve it next time ;) and the time after

Have you been able to see the request/response? If not, I suggest a simple

alert(JSON.stringify(data))

...from your callback function if you have issues using the Chrome debugger.

Chaitanya Munipalle · Accepted Answer · 2012-12-29 07:57:41Z

0

Try giving the dataType for post as 'html'

answered Dec 29, 2012 at 7:57

Chaitanya Munipalle

7225 silver badges12 bronze badges

Comments

jamesmortensen · Accepted Answer · 2013-01-01 09:54:23Z

0

$('#loginform').submit( function() {
    var querystring = $(this).serialize();
    $.ajax({
        url : 'login.php?'+querystring, 
        cache : false,
        success : function(data) {
            if(data == "success") {
                alert("Successful");
                var url = "game.php";    
                $(location).attr('href',url);
            } else if(data == "failure") {
                alert("Login Failed");
            }
        };
    });
});

edited Jan 1, 2013 at 9:54

jamesmortensen

34.2k11 gold badges102 silver badges124 bronze badges

answered Dec 29, 2012 at 8:08

Talha Akbar

10.1k7 gold badges41 silver badges62 bronze badges

4 Comments

Talha Akbar Over a year ago

this is GET method script so, in login.php use $_GET[index]

Rohitink Over a year ago

Sir, You changed the entire script. I asked for what was the fault in using the way i was doing. BTW, my main question was to how to return values from the php function..

Talha Akbar Over a year ago

well, i changed every thing because i can't understand your code and you said you need a callback variable then for your info in the success function the variable data contains all the data echoed in php file!

OneMore Over a year ago

Just because you can't understand OP's code doesn't mean you should change everything. Instead, you should try to understand it and learn a thing or two in the process.

Collectives™ on Stack Overflow

How To Return Data from PHP to Use in jQuery(ajax)?

5 Answers 5

2 Comments

Comments

Comments

Comments

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

2 Comments

Comments

Comments

Comments

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related