在woocommerce中使用ajax从购物车中移除可变产品

<button id="remove-product-btn">移除产品</button>

<script>
  // 绑定点击事件
  document.getElementById('remove-product-btn').addEventListener('click', function() {
    // 发送 AJAX 请求
    var xhr = new XMLHttpRequest();
    xhr.open('POST', 'remove-product.php', true);
    xhr.setRequestHeader('Content-type', 'application/x-www-form-urlencoded');
    xhr.onreadystatechange = function() {
      if (xhr.readyState === 4 && xhr.status === 200) {
        // 移除成功后的处理逻辑
        alert('产品已成功移除！');
      }
    };
    xhr.send('product_id=123'); // 传递产品ID作为参数
  });
</script>

<?php
// 获取前端传递的产品ID参数
$product_id = $_POST['product_id'];

// 从购物车中移除产品的逻辑处理
// ...

// 移除成功后的响应
echo 'success';
?>