Question

So all i need to do is refresh a variable displayed on a php page which is stored in a MySQL db. This value is an int which is subtracted by 1 everytime the submit button from a form is clicked. As i’ve opted to use AJAX to post the form the page isn’t being refreshed, therefore the value isn’t being updated along with the form submission.

$qry = mysql_query("SELECT codes_remaining FROM users WHERE email= '".$_SESSION['email']."'");
while($row = mysql_fetch_array($qry)) {
    if ($row['codes_remaining'] ==1 ) 
    {
    echo "You have ".$row['codes_remaining'].' code remaining';
    }
    else {
echo "You have ".$row['codes_remaining'].' codes remaining';
}
}

So this code just displays how many “codes” a person has left. I need this value to be refreshed once the submit button has been clicked from the form on the same page.

I’m using the following JavaScript to not refresh the page.

$("#form-submit").click(function(e) { 
        e.preventDefault();
        $.ajax({
        cache: true,
        type: 'POST',
        url: 'process-register.php',
        data: $("#form-register").serialize(),
        success: function(response) {
            $("#output-div").html(response);
        }
        });
    }); 

Thanks,
LS

Answer 1

If you’d like to update the value, do it like this (jQuery is easiest):

$(".submit").click(function(event) { 
     event.preventDefault();
     $(this).load('file.php',function(val){
        $('#output').text(val);
     });
 });

And in file.php:

<?php
    connect_to_db();
    $returned = get_info_from_db();
    echo $returned;
?>

The jQuery will grab the info on file.php and put it into #output.