Ajax 和 Shopify 购物车

Question

我正在使用 Shopify，并且正在尝试使用 Ajax 将商品添加到购物车。此处的代码不会将商品添加到我的购物车中。我花了 5 个小时试图解决这个问题，但没有雪茄：/

我已将包装器包含在我的 theme.liquid 中。

这是我的代码：

<a class="chicken-fingers" onclick="fastcart('515257513','1')">Add to Cart</a>

  <script>  
  function fastcart(variantId, quantity){
  $.ajax({
  type: 'POST',
      url: 'http://name.myshopify.com/cart/add.js',
      data: 'quantity='+quantity+'&id='+variantId,
      dataType: 'json',
      success: function(response){
          $.ajax({
              type: 'GET',
              url: '/cart.js',
              dataType: 'json',
              success: function(cartdata){
                  $('.cart-total-items .count').html(cartdata.item_count);
                  $('.cart-total-price').html('$'+(cartdata.total_price/100).toFixed(2));

                }
            });
        }
    });
  }
 </script> 

Answer 1

那是行不通的。

跨域 Ajax 请求不起作用且不允许。只能向自己的域名发送请求，不能向其他域名发送ajax请求。

如果您使用的是 ASP.NET，可以尝试 HtmlAgilityPack！

其实/cart/add.js的意思是它会移动指向你自己网站的文件夹cart和add.js的文件。这样您将添加组件！在这种方法中，来源是相同的，您的请求将通过您的网站发出，并将发送到您的网站。

如果您想将数据保存在他们的网站上，您需要对数据使用 HTTP POST 请求。并在那里进行编码，然后返回回复！或者为此使用插件。

以下是一些跨域教程的主要文章：

http://www.bennadel.com/blog/2327-Cross-Origin-Resource-Sharing-CORS-AJAX-Requests-Between-jQuery-And-Node-js.htm

https://en.wikipedia.org/wiki/Cross-origin_resource_sharing

http://www.codeproject.com/Articles/185506/AJAX-Cross-Origin-HTTP-request（这些人会帮助你很多）

https://en.wikipedia.org/wiki/Same-origin_policy（在这里了解哪些请求是允许的，哪些会失败）