Question

Is it possible to identify what a page returns when using jquery? I’m submitting a form here using jquery like this:

$("#sform").submit(function() {
    $.ajax({
        type: "POST",
        data: $(this).serialize(),
        cache: false,
        url: "user_verify.php",
        success: function(data) {
            $("#form_msg").html(data);
        }
    });
    return false;
});

​

The user_verify.php page does its usual verification work, and returns error messages or on success adds a user to the db. If its errors its a bunch of error messages or on success its usually “You have successfully signed up”. Can I somehow identify using jquery if its errors messages its returning or the success message. So that way if its errors I can use that data in the form, or if its success, I could close the form and display a success message.

Answer 1

Yes, it’s this:

success: function(data) {
    $("#form_msg").html(data);
}

You can manipulate data in any way you want. You can return a JSON (use dataType) encoded string from server side and process data in the success function

success: function(data) {
    if(data->success == 'ok'){
       // hide the form, show another hidden div.
    }
}

so user_verify.php should print for example:

// .... queries 
$dataReturn = array();
$dataReturn['success'] = 'ok';
$dataReturn['additional'] = 'test';
echo json_encode($dataReturn);
die; // to prevent any other prints.