Shopify 预测搜索 Ajax 致电

Question

我对 shopify、liquid 及其附带的一切还很陌生。
我尝试在 shopify 上实施预测搜索，但我不知道为什么我什至没有收到以下代码中 Ajax 调用的警报。我把它放在我的 "theme.liquid" 文件中，就在结束正文标记的正上方。我假设它是否可行，打开页面时应该有警报，不是吗？ Goki 是一个供应商，当我在我的页面上搜索它时会显示很多产品。我的代码如下所示：

<script>
jQuery.getJSON("/search/suggest.json", {
  "q": "goki",
  "resources": {
    "type": "product",
    "limit": 4,
    "options": {
      "unavailable_products": "last",
      "fields": "title,product_type,variants.title"
    }
  }
}).done(function(response) {
  var productSuggestions = response.resources.results.products;
  if (productSuggestions.length > 0) {
    var firstProductSuggestion = productSuggestions[0];
    alert("The title of the first product suggestion is: " + firstProductSuggestion.title);
  }
});
</script>

非常感谢任何帮助！谢谢！

Answer 1

我解决了。在进入 JQuery 调用之前，我使用所有 'resources' 参数创建了一个自己的变量 AjaxData。那里我没有使用变量来创建 url，它只是用来定义调用中的参数，而不是更改 url。 -这就是诀窍

Shopify 预测搜索 Ajax 致电

Shopify Predictive Search Ajax Call

ajax

shopify