Question

So I am working on a registration system for the place I worked at this summer. I have a system where they can “add” things to a basket, but I figured that I also will need to give them the option to delete those items if they so wish. My question comes in here, is there a way to delete a record from the database and update the page in real time? I am using PHP, MySQL, and jQuery.

Answer 1

Adarsh is correct, use an Ajax post:

basic example of your cart page off the top of my head using jQuery:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>    
<script language="javascript">
    $(document).ready(function(){
        $(".deleteItem").click(function());
        var dataString = "deleteID="+$(this);
        $.ajax({
            type: "POST",
            dataType: "HTML",
            url: "deleteScript.php",
            data: dataString,
            success: function(data) {
                $("#LI"+$(this)).remove();
            }
        });
    });
    </script>

    <ul>
        <li id="LI1">
            <input type="button" class="deleteItem" id="1"> 1st Item in your cart
        </li>
        <li id="LI2">
            <input type="button" class="deleteItem" id="2"> 2nd Item in your cart
        </li>
        <li id="LI3">
            <input type="button" class="deleteItem" id="3"> 3rd Item in your cart
        </li>
    </ul>

Then create the deleteScript.php page to handle the database interaction based on the deleteID you just posted to it.