javascript - 使用 php 和 ajax 从购物车中删除单个项目

Question

我正在尝试使用 php 从购物车中删除产品。我可以像这样使用输入和按钮类型提交来删除产品。

<input type="checkbox" name="remove_code[]" value="<?php echo htmlentities($row['id']);?>" />
<button id="remove-from-cart" type="submit">delete</button>

我每次都必须选中每个复选框并单击提交以删除产品。现在我想使用 ajax 从购物车中删除项目而不刷新整个页面，我只想使用按钮或 img 标签而不是输入标签。这是我的 php 代码和

// Code for Remove a Product from Cart
if(isset($_POST['remove_code']))
 {

  if(!empty($_SESSION['cart'])){
    foreach($_POST['remove_code'] as $key){
        
            unset($_SESSION['cart'][$key]);
    }
        // echo "<script>alert('Your Cart has been Updated');</script>";
   }
 }

这是我的ajax请求

$(document).on("click", "#remove-from-cart", function () {
        
        $.ajax({
            url: "my-cart.php",
            type: "post",
            success: function () {
                
                
            },
        });
   });

标签： javascriptphpajax