Question

So what I am doing is trying to create a ‘favorite’ system. I want the user to click a button and the code on the page will submit a value into a MySQL Database. Does this need to the page need to reload if the only thing I am doing is submit and value. I am not pulling any information from the database on the button’s click. Thank you:)

Answer 1

A great way to avoid the complexities of Ajax and cross-browser compatibility is to use Jquery!

In your non-reloading page, you can put this:

<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
<script text="text/javascript">
$(function() {
$('#button_id').click(function() { //in place of "button_id" you need to put your button's id
    submitInformation("some information you want to send");
});
});
function submitInformation(data1)
{
$.post(
    "handle.php", //this is the name and location of your php page
    {
        "input_var_one":data1,
    }
);
}
</script>

and in your handler php page (in this case called “handle.php”)

<?php
$inData1 = $_POST['input_var_one'];


//after your mysql_connect and mysql_select_db
$query = "INSERT INTO `yourtablename` VALUES ('var1 whatever you want', '$inData1')";
mysql_query($query);

?>

Jquery handles the Ajax request for you!