Question

如何使用Plus，Minus按钮更新我正在使用的自定义PHP购物车中的产品计数？

我想在不重新加载页面的情况下添加或删除数量。

购物车中的商品如下所示。

Burger $3.99
Pasta Bowl $8.99

我想要一个图像按钮来增加或减少数量，如下所示。单击加号或减号时，应显示增加和减少的选项。

1 Burger $3.99
2 Pasta Bowl $17.98

谢谢，拉吉

Answer 1

$('#plus').click(function(){
  $.get('yourphpfile?val=value_to_increment', function(data){
    //code to update your html. 
    //data variable will hold whatever you echo from php.
    //it's considering only simple use, you can use JSON for more complex operations.
  });
});

基本上你所要做的就是点击图片创建一个事件（每个按钮一个）然后将值传递给php服务器/文件，其中包含要从服务器更新的数据，在回调函数中，您只需使用php代码提供的数据更新dom（您的html）。

Answer 2

正如webgal所说，AJAX是前进的方向。让加号/减号按钮调用一个函数，比如说updateQuantity(direction)方向向上或向下（取决于点击的按钮。因此，加号按钮将调用updateQuantity(1)，减号按钮将调用{{1}并使用该值来操纵购物车中对象的数量。

简单的AJAX代码（您只需根据自己的需要定制）将如下：

updateQuantity(-1)

您需要设置附加到正在修改数量

的产品的变量productID

使用加号，减号按钮更新产品计数而不刷新页面JavaScript

2 个答案: