当我更改购物车中产品的数量时，总价不变（PHP）

Question

当我更改我的产品数量时，页面底部的总价格不会改变。当我增加或减少数量时，总数必须自动更改。请帮帮我

// Shopping cart page

<?php
    include_once 'Dao/shoppingCartDao.php';

    $shoppingCartItem = shoppingCartDao::getShoppingCartItems();

    foreach ($shoppingCartItem as $item) {

?>

<tr>
    <td><a href="detail.php?productId=<?php echo $item->getProductId(); ?>"><img src="./img/<?php echo $item->getProduct()->getImage(); ?>"></a></td>
    <td><?php echo $item->getProduct()->getName(); ?></td>
    <td>&euro; <?php echo $item->getTotalPriceExclVAT(); ?><small> (Excl. VAT)</small></td>
    <td>&euro; <?php echo $item->getTotalPriceInclVAT(); ?><small> (Incl. VAT)</small></td>
    <td>
        <form action="" method="POST">
          <input type="hidden" name="postcheck" value="true">
          <input id="number" type="number" min="0" max="20" step="1" value ="<?php echo $item->getAantal(); ?>"/>
          <input type="hidden" name="productId" value="<?php echo $item->getProductId() ?>">
          <td><input type="submit" name="update" value="Update"></td>                               
        </form>

        <form action="deleteItem.php" method="POST">
           <input type="hidden" name="postcheck" value="true">
           <input type="hidden" name="productId" value="<?php echo $item->getProductId() ?>">
           <td><input type="submit" name="deleteItem" value="Delete"></td>                               
        </form>
    </td>
</tr>

<?php
    }
?>

<div>
       <div>
            <div><strong>Total Price (Excl. VAT)</strong></div>
            <div><strong>Total Price (Incl. VAT)</strong></div>
            <div><strong>VAT</strong></div>
            <div>&euro; <?php echo shoppingCartDao::getTotalPriceExclVAT(); ?></div>
            <div>&euro; <?php echo shoppingCartDao::getTotalPriceInclVAT(); ?></div>
            <div>&euro; <?php echo shoppingCartDao::getTotalVAT(); ?></div>
      </div>
</div>

Answer 1

因此，我从 cmets 推断出您想要以下内容：

• 您有一个购物车，用户可以在其中通过输入数字或单击数字输入的向上/向下箭头来更改每件商品的数量
• 每当金额更改时，前端应更新，服务器应将新金额应用到购物车以供以后使用和/或结帐。
• 您不希望用户每次输入新金额时都必须按下提交按钮或刷新页面。

要实现这一点，您应该创建一个专用的 php 脚本来更改服务器端的金额并以新金额和结果价格进行响应。

updateQuantity.php

$productId = $_POST["productId"];
$quantity = $_POST["quantity"];

// Add error handling, authentication, ...
// ...
// Set the new quantity on server side
// This is just an example, the functions might not be existent!
$shoppingCartItem = shoppingCartDao::getShoppingCartItem($productId); 
$success = $shoppingCartItem->setAantal($quantity);

$response = [
    "success" => $success,
    "productId" => $productId,
    "quantity" => $shoppingCartItem->getAantal(),
    "exclVAT" => $shoppingCartItem->getTotalPriceExclVAT(),
    "inclVAT" => $shoppingCartItem->getTotalPriceInclVAT()
];
header('Content-Type: application/json');
echo json_encode($response);

然后，您可以从您的客户端网站使用 AJAX 请求来更新数量。
首先，给你的号码输入一个 id 或一个数据属性

echo '<input id="number" class="productQuantity" type="number" min="0" max="20" step="1" value ="'.$item->getAantal().'" data-product="'.$item->getProductId().'"/>';

然后添加一个 onChange 监听器（或任何满足您需求的监听器）：

$(".productQuantity").on("change", function() {
    var productId = $(this).data("product");
    var quantity = $(this).val();
    $.ajax({
        url: "updateQuantity.php",
        data: {
            productId: productId,
            quantity: quantity
        },
        success: function(resp) {
            // Maybe check if the resp.quantity is the same as the desired quantity, otherwise reset the input field
            if (resp.success) {
                // Seems to be successful...
                // Update prices
                $("...").text(resp.exclVAT);
                $("...").text(resp.inclVAT);
            }
        }
    });
});

这应该可以帮助您使其正常工作。不过，这不是可复制粘贴的代码。