如何使用Javascript

时间:2019-02-03 12:37:08

标签: javascript php ajax

我正在尝试使用PHP和AJAX创建一个电子商务网站,但我有些困惑。我在获取用户购物车所有输入字段的值时遇到问题。换句话说,假设用户的购物车中有3件商品,每件商品的数量为“ 1”。现在,假设用户增加了购物车中第二个物品的数量并将其更改为“ 3”,然后单击“更新购物车”按钮。单击更新购物车时,我想要的只是占用已更新的值,而不占用其他值。如果那不可能,我想获取所有值,然后相应地更新数据库。当前,当我单击“更新购物车”按钮时,它仅占用购物车中第一项的数量值。

下面是PHP代码(请不要介意使用的变量)

echo "<tr>
        <td class='p-image'>
          <a href='product-details?id=$fetchProductID'><img alt='' src='$theRealLink'></a>
        </td>
        <td class='p-name'><a href='product-details?id=$fetchProductID'>$theName</a></td>
        <td class='p-amount'>INR $fetchProductUnitPrice</td>
        <td class='p-quantity'><input maxlength='100' type='text' value='$fetchProductQuantity' name='quantity' class='productQuantity' data-quant='$fetchProductQuantity'></td>
        <td class='p-total'><span>INR $fetchedProductTotal </span></td>
        <td class='edit'><a href='javascript:void(0)' class='delete-from-cart' data-id='$fetchProductID'><img src='assets/img/icon/delte.png' alt=''></a>
        </td>
      </tr>";

AJAX代码在下面

$('#update-cart').click(function() {
    var quantity = $('.productQuantity').val();
    console.log(quantity);
});

2 个答案:

答案 0 :(得分:1)

我可能会去更新所有这些。您可以为此使用jquery每个函数

$(".productQuantity").each(function() {
    var quantity = $(this).val();
    console.log(quantity);
    // Get the data-id and build an array so you submit only 1 ajax request
});

答案 1 :(得分:0)

我不确定我的解释是否正确,但是如果您要更新引用购物车中某个项目的数据库中的值,则意味着您还需要确定哪个项目是正在更新的代码,但我不太清楚提供的代码是否清楚这一点。

无论如何,您可以在数量字段上添加事件“ onkeyup”,并为该数量所属的“商品”设置一个标志,或将其存储在要更新的项目数组中,然后按“更新购物车” ”,然后将修改后的项目发送到服务器。