json - 如何在网站页面上显示 Shopify 购物车值(Shopify 网站之外)

Question

我正在尝试执行以下操作: 我正在构建一个标准的 HTML/PHP 网站。我们将在网站上提供产品。当有人点击“添加到购物车”时，用户将被引导到 Shopify 以及他们的产品信息，并且该产品将被添加到购物车(到目前为止没问题......已经完成)。当他们在浏览器中单击返回站点(从而离开 Shopify 购物车)时，我需要能够在站点的标题中显示产品信息。类似于“5 件产品 | 168.00 美元”……基本上允许站点访问者(不在 shopify 中，而是在我们构建的 HTML 站点中)查看他们购物车中的值，然后随时结帐或查看购物车。

我遇到了这个:http://api.shopify.com/cart.html#show

我对 JSON 有点陌生，正在寻找我正在尝试做的事情的示例，但没有看到它们。

任何建议或有人指出我正确的方向都会很棒。

Answer 1

Shopify 实际上提供了一个 JSONP 格式的文件，假设您来自同一个域(以访问识别个人用户的 Shopify cookie)。

换句话说:

假设一个 Wordpress 站点位于 www.example.com

并且随附的“商店站点”将位于 shop.example.com(确保此域是您在 Shopify 端的主要域)

要从您的 Wordpress 站点访问购物车并使用 jQuery 将其处理到您的模板或页面中，您可以调用:

jQuery.ajax({

    url: "//shop.example.com/cart.json",
    dataType: "jsonp",
    success: function( data ) {
        /* Template Code here */
    },
    error: function( jxhr, status, err ) {
        console.log("Error, status = " + status + ", err = " + err);
    }

});

JSONP 格式的文件允许通过一些 Javascript 技巧进行跨域 AJAX 调用。