Question

我的标题中有一个购物车清单，因此它位于实际购物车页面之外。在其中，我有按钮来更新和删除每个购物车项目。它工作正常，但我的问题是我尝试使用AJAX来摆脱页面刷新。

到目前为止，我有以下

＆＃13;

$('.cart-list form').on('submit', function() {

    var $theForm = $(this);

    // send xhr request
    $.post({
      type: $theForm.attr('method'),
      url: $theForm.attr('action'),
      data: $theForm.serialize(),
      success: function(data) {
        // This works
        console.log("success!")
        });
      }
    });

    // prevent submitting again
    return false;

  });

＆＃13;

我从另一个堆栈溢出帖子获得了该片段。该用户正在做类似的事情，但是添加了一个新产品。为了使它工作，他需要在他的表单中添加一个隐藏的输入。

＆＃13;

<input type="hidden" name="add-to-cart" value="<?php echo absint( $id ); ?>" />

＆＃13;

当然，这对我不起作用，因为我不只是添加到购物车。我正在更新数量或完全删除产品。

是否还有其他隐藏的输入我应该尝试添加到我的表单中以使其工作，或者我可以尝试的任何其他内容？

Answer 1

我明白了！通过更新按钮

放置此输入

<input type="hidden" name="update_cart" value="<?php echo $product_id; ?>">

要删除，请使用以下

＆＃13;

$('YOURDELETEBUTTON').on('click', function() {
    
    var href = $(this).prop('href');

    // send xhr request
    $.post({
      type: 'post',
      url: href,
      success: function(data) {
        // Maybe add a document trigger here
      }
    });

    return false;
  });

＆＃13;

WooCommerce AJAX更新和删除按钮（购物车页面之外）

1 个答案: