0

有人可以告诉我，当我们点击店面的“添加到购物车”按钮时，会执行哪个功能？单击“添加到购物车”按钮时将执行哪个代码或方法？我观察到发生了一些计算。

在视图/主题/ * /template/product/product.tpl

 <input type="hidden" name="product_id" size="2" value="<?php echo $product_id; ?>" />
          &nbsp;
          <input type="button" value="<?php echo $button_cart; ?>" id="button-cart" class="button" />

在javascript中

<script type="text/javascript"><!--
$('#button-cart').bind('click', function() {
    $.ajax({
        url: 'index.php?route=checkout/cart/add',
        type: 'post',
        data: $('.product-info input[type=\'text\'], .product-info input[type=\'hidden\'], .product-info input[type=\'radio\']:checked, .product-info input[type=\'checkbox\']:checked, .product-info select, .product-info textarea'),
        dataType: 'json',
        success: function(json) {
            $('.success, .warning, .attention, information, .error').remove();

            if (json['error']) {
                if (json['error']['option']) {
                    for (i in json['error']['option']) {
                        $('#option-' + i).after('<span class="error">' + json['error']['option'][i] + '</span>');
                    }
                }
            } 
            alert(json['success']);
            if (json['success']) {
                $('#notification').html('<div class="success" style="display: none;">' + json['success'] + '<img src="catalog/view/theme/palioxis/image/close.png" alt="" class="close" /></div>');

                $('.success').fadeIn('slow');

                $('#cart-total').html(json['total']);

                $('html, body').animate({ scrollTop: 0 }, 'slow'); 
            }   
        }
    });
});
//--></script>

有人可以简要介绍一下这里发生了什么吗？

4

1 回答 1

4

jQuery 代码会查找一个带有 id 的按钮'button-cart'。

单击它后，它将运行下面的 Ajax 代码。数据将传输到route=checkout/cart/addurl。

该文件调用您的/controller/checkout/cart.php文件并查找该add()函数。传递给add()函数的数据将来自“数据”。

json['success']然后，如果数据正确传递，jQuery 代码将提示来自并加载 DIV 层的警报消息。

否则，如果数据未正确传递，则会在页面上显示错误消息。

让我知道这是否有助于您理解它。我使用 Opencart。

于 2013-05-02T18:36:53.107 回答