How can individual items be deleted from the shopping cart by clicking on an image without clearing the entire cart?

To delete individual items from the shopping cart by clicking on an image without clearing the entire cart, you can use AJAX to send a request to the server to remove the specific item from the cart. The server-side script will then update the cart session data accordingly. This allows for a seamless user experience without refreshing the page.

// PHP code snippet to delete an item from the shopping cart using AJAX

// Check if the request is an AJAX request
if(isset($_SERVER['HTTP_X_REQUESTED_WITH']) && strtolower($_SERVER['HTTP_X_REQUESTED_WITH']) == 'xmlhttprequest') {
    // Get the item ID to be deleted from the cart
    $item_id = $_POST['item_id'];

    // Remove the item from the cart session data
    unset($_SESSION['cart'][$item_id]);

    // Return a success message
    echo json_encode(['success' => true]);
    exit;
}