javascript - 对 Shopify's/cart/add.js 的 Ajax POST 请求始终返回错误回调函数

Question

$.ajax({
                                    type: 'POST',
                                    url: '/cart/add.js',
                                    data: {
                                        quantity: 1,
                                        id: form_data
                                    },
                                    success: function(response) {
                                        console.log('in success');
                                        var url = $("#af-btn").attr("href");

                                        window.location.href = $("#af-btn").attr("href");
                                    },
                                    error: function(response) {
                                        console.log(response + "in error");
                                        var url = $("#af-btn").attr("href");

                                        //window.location.href = $("#af-btn").attr("href");

                                    },
                                    complete: function(response) {
                                        console.log(response);
                                    }
                                });

以上是我的 AJAX 请求。下面是响应对象。

添加到购物车以显示匿名行为，有时会添加产品，有时不会添加产品。想不通。有什么想法吗？
下面是form_data

我如何检索它的值，

var form_data = $('form[action="/cart/add"]').find('select[name="id"]').find(":selected").val();

Answer 1

标准 AJAX 调用在一个实例中也为我抛出了错误(即使该产品已包含在购物车中)。

所以我使用他们的 API 进行 AJAX 调用。以下是所有功能的链接:http://mayert-douglas4935.myshopify.com/pages/api

例如，添加项目很简单:

  Shopify.addItem($productVal, $productQTY, function(){
    // Do Something here once the product is added
    console.log('Success!!!')
  });

附注:

请记住，您需要包含此脚本才能访问调用:

{{ 'api.jquery.js' | shopify_asset_url | script_tag }}