如何使用 ajax 从加载的产品页面上的产品获取产品 ID，并在 shopify 中获取相关产品 ID

Question

当我点击产品标题时，我想获取产品 ID，然后 post 产品 ID 到另一个 URL 并从数据库中获取相关产品 ID。

<script>
var a = window.location.href;
    $.ajax({
        type: "GET",
        dataType: "json",
        success: function (data) {
            var id = data.product.id;
            console.log(id);// i got product id but how i post this id to another url and get related product id from database.
        }
    });

Answer 1

这样做：

<script>
var a = window.location.href;
    $.ajax({
        type: "GET",
        dataType: "json",
        success: function (data) {
            var id = data.product.id;
            $.post("{{url('productIdApi')}}", {product_id: id}, function(result){
               //do whatever after response returns
            });
        }
    });

Answer 2

正确的模式是将 Liquid 中的产品 ID 呈现为 JS 变量。您知道 Liquid 也有一个 JSON 过滤器吗？因此，这意味着进行 AJAX 调用以获取产品信息是多余的，而且是浪费时间。

一旦您在 JS 世界中拥有产品 ID，除非您使用 App Proxy，否则您无法安全地使用它来调用相关产品。 Shopify 确保您的 Ajax 回调来自商店并且是合法的。没有它就调用你自己的数据库是愚蠢的，因为任何人都可以破解你的数据用于任何其他用途。

如何使用 ajax 从加载的产品页面上的产品获取产品 ID，并在 shopify 中获取相关产品 ID

how to get product id from product on loaded product page using ajax and also get related product ids in shopify

shopify

laravel-5.5