有沒有辦法在頁面加載時創建Algolia查詢字符串？

Question

本質上，我們的網站上有一個「啞巴」的搜索欄。提交表單時，只會將用戶發送到我們的Algolia instantsearch.js所在的/search?q={query}。

我們想添加一個下拉菜單到那個愚蠢的搜索欄來過濾掉汽車，卡車，小船或者飛機。該價值在我們的Algolia指數中爲category，並已提供。

是否有文檔可用於構建一個查詢字符串，其中包含Algolia instantsearch.js將採用的方面？謝謝！

Answer 1

經過一番Google-fu後，我找到了，這正是我所需要的。下面是對我們工作的代碼：

<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設置和您使用的是相當vanilla實現instantsearch.js。