Question

我只使用AJAX来防止重定向到购物车。

结果我在购物车中有一个随机数量的商品。

粘贴到地址栏的链接本身工作完美，并提供指定数量。但是当我使用AJAX时，它会提供错误的数量。

此代码有什么问题，或者我如何以其他方式指定数量？

    <script type="text/javascript">
        $(document).on('click', '#url_cart', function(event) {
           event.preventDefault(); //prevent redirect
          $.ajax($(this).attr('href')).done(function(response) { 
               });
         });
        </script>
        <!-- link for the item -->
<a 
    id="url_cart" 
    href="http://localhost:4000/cart.php?action=add&product_id={{id}}&variation_id=currency_id=&qty[]=1">
    {{lang 'products.add_to_cart'}}
</a>

Answer 1

这是Bigcommerce Stencil。在我的情况下，主页面为每个项目渲染1 card.html。所以重复12次。我的AJAX就在这张card.html中。 @Taplar说得对，我是

在元素上多次绑定

所以我为每个链接提供了唯一的ID（在这种情况下为{{id}} == item ID）：

    <script type="text/javascript">
    $(document).on('click', '#{{id}}', function(event) {
       event.preventDefault();
      $.ajax($(this).attr('href')).done(function(response) { 
           });
     });
    </script>

     <a id="{{id}}" 
href="http://localhost:4000/cart.php?action=add&product_id={{id}}&variation_id=currency_id=&qty[]=1">
   {{lang 'products.add_to_cart'}}
      </a>

现在它完美无缺！谢谢Taplar！

Ajax随机更改URL查询参数

1 个答案: