有没有办法在页面加载时创建 Algolia 查询字符串？

Question

基本上，我们的网站上有一个“愚蠢”的搜索栏。提交表单后，它只会将用户发送到我们的 Algolia instantsearch.js 所在的/search?q={query}。

我们想在该愚蠢的搜索栏中添加一个下拉菜单，以过滤到汽车、卡车、船或飞机。该值在我们的 Algolia 索引中为 category 并且是事实。

是否有关于构建带有 Algolia instantsearch.js 将拾取的构面的查询字符串的文档？谢谢！

Answer 1

经过更多 Google-fu 之后，我找到了 this issue on Algolia's Github，它正是我所需要的。这是对我们有用的代码：

<form method="GET" action="/search">
    <input type="text" name="q" />
    <select name="dFR[category][0]">
        <option disabled="disabled" selected="selected">All types</option>
        <option value="Car">Car</option>
        <option value="Truck">Truck</option>
    </select>
</form>

如果用户没有选择类型，它会将他们发送到/search?q={query}。如果用户确实选择了一种类型，例如“汽车”，他们将被发送到/search?q={query}&dFR[category][0]=Car（当然是 url 编码。）

这将应用正确的过滤器，假设在 category 上设置了 faceting，并且您使用的是一个相当普通的 instantsearch.js 实现。