Using PHP JSON returned values to make decisions in jQuery/JavaScript

Question

A friend gave me the following piece of snippet:

json : { result: true }
success function(data){
    if(data.result) {
        //do something here
    }
    else {
        //do something here
    }
}

How would I integrate that code into the following code:

$(function() {
    $("#action_button").click(function() {
        var username = $("#username").val();
        var password = $("#password").val();
        var dataString = '&username=' + username + '&password=' + password;

        if (username=='' || password=='') {
            $('.success').fadeOut(200).hide();
            $('.error').fadeOut(200).show();
        }
        else {
            $.ajax({
                type: "POST",
                url: "processing/logsig.php",
                data: dataString,
                success: function(){
                    $('.success').fadeIn(200).show();
                    $('.error').fadeOut(200).hide();
                }
            });
        }
        return false;
    });
}

I'm returning JSON true or false values on the PHP side... Once the user inputs username and password, if the user is registered in the database, it logs him/her in. If the user isn't registered in the database, jQuery will load up a different form for the registration process.

Answer 1

The success:function(data) is what your friend gave you. Your existing success:function() doesn't have the data parameter. That (data) is the JSON returned from your server/PHP script.

"success" indicates that the Ajax successfully returned data, but not whether or not the login was successful (username and password were correct). You should show your successful login if data.result == successful login, or whatever values your PHP JSON contains.

For code help, I'd need to see the returned JSON.

Answer 2

It looks like the snippet would go in the 'success' function of your ajax call. You should also include the new parameter 'data' in the success function.

success: function(data){
    $('.success').fadeIn(200).show();
    $('.error').fadeOut(200).hide();
    if(data.result) {
    //do something here
    } 
    else {
    //do something here
    }
}