0

我正在 Magento 网站上实现 ajax 添加到购物车。

目前，产品的正确 url 以标签的形式添加，当我添加到购物车时它可以工作，但我希望它与 ajax 一起发布。购物车使用通过 Magento 的数据模板设置存储产品 url 的表单，由于 Magento 的限制<a>，只能用作一个。<a>

对此的标记如下：

<form class="js-update-product" id="product_addtocart_form" action="">
                                <div class="colour-guide-link buying-options condensed-bold group">
                                    <span>Colour &amp; Size</span>
                                    (<span class="icon-question-sign"></span> <a href="#">guide</a>)
                                </div>

                                <div class="buying-options">
                                <? for ($i=0; $i < count($available_colors); $i++) { ?>
                                <a class="js-color-toggle button" href="#" data-color="<?= $available_colors[$i] ?>">
                                    <?= $available_colors[$i] ?>
                                </a>
                                <? } ?>
                                </div>
                                <hr>
                                <div class="size-options buying-options group">
                                <? foreach ($all_sizes as $size) { ?>
                                <span class="radio-size">
                                    <input type="radio" class="size-option" value="<? echo $size ?>" name="size" />
                                    <label class="number"><? echo $size ?></label>
                                </span>
                                <? } ?>                                
                                </div>
                                <!-- <button type="submit" class="buy-button buying-options"></button> -->                 
                                <a href="#" class="buy-button buying-options js-add-to-cart button" data-products-in-cart="<?= $products_in_cart ?>">
                                <span class="label">Add to Bag</span>
                                    <span class="spinner"></span>
                                    Add to bag
                                </a>
                                <div class="adding-msg">
                                    Adding to bag...
                                </div>
                            </form>

这是我发布导致我出现问题的表单的 ajax 代码。

阿贾克斯：

var productAddToCartForm = new VarienForm('product_addtocart_form');
productAddToCartForm.submit = function (button, url) {
    if (this.validator.validate()) {
        var form = this.form;
        var oldUrl = form.action;
        if (url) {
            form.action = url;
        }
        var e = null;
        // Start of our new ajax code
        if (!url) {
            url = jQuery('.js-update-product').attr('action');
        }
        url = url.replace("checkout/cart", "ajax/index"); // New Code
        var data = jQuery('.js-update-product').serialize();
        data += '&isAjax=1';
        jQuery('#ajax_loader').show();
        try {
            jQuery.ajax({
                  url: url,
                  dataType: 'json',
                  type : 'post',
                  data: data,
                  success: function(data){
                      jQuery('#ajax_loader').hide();
                          //alert(data.status + ": " + data.message);
                          if(jQuery('.block-cart')){
                              jQuery('.block-cart').replaceWith(data.sidebar);
                          }
                          if(jQuery('.header .links')){
                              jQuery('.header .links').replaceWith(data.toplink);
                          }
                  }
            });
        } catch (e) {
        }
        // End of our new ajax code
        this.form.action = oldUrl;

        if (e) {
            throw e;
        }
    }
}.bind(productAddToCartForm);

productAddToCartForm.submitLight = function(button, url){
        if(this.validator) {
            var nv = Validation.methods;
            delete Validation.methods['required-entry'];
            delete Validation.methods['validate-one-required'];
            delete Validation.methods['validate-one-required-by-name'];
            if (this.validator.validate()) {
                if (url) {
                    this.form.action = url;
                }
                this.form.submit();
            }
            Object.extend(Validation.methods, nv);
        }
    }.bind(productAddToCartForm);

理想情况下，我想要的是 ajax js 来找到<a href="">被点击的 url 并使用它作为 ajax 中的 url 发布。我正在努力解决的问题是在表单中找到网址并将其放入帖子网址中。

现在设置的脚本是否可以这样做，但需要进行一些调整？

4

1 回答 1

0

您替换 ajax 函数或通过以下代码修改

jQuery.ajax({
    url: url,
    //dataType: 'json',
    type : 'post',
    data: data,
    success: function(data) {
        console.log(data);
        jQuery('#ajax_loader').hide();
        //console.log(url);
        if (jQuery('#gd_total')) {
            jQuery("#gd_total").html( jQuery(data).find('#gd_total'));
        }

        if(jQuery('#itemC')){
          jQuery("#itemC").html( jQuery(data).find('#itemC'));
        }
    }
});
于 2013-11-11T06:22:59.710 回答