algolia Instantsearchjs如何在电子商务网站上全局显示和搜索<searchbox>

Question

我使用instantsearch.js，我的网站是laravel中的电子商务应用程序，algolia在点击页面上工作得很好。

我的主要问题是如何在其他网页（家庭版，静态版等）中实现 SearchBox ，以便人们可以在标题搜索框上书写，当他们按下回车键时 - ＆gt;转发到我的搜索结果页面（例如：www.example.com/search/query？q = apple）

考虑到我完全使用instantsearch.js，我的控制器和laravel中的路由没有将任何变量传递到该视图中。

提前感谢。

Answer 1

据我所知，你想为你的观点制作一个全局变量..

好吧，您可以使用视图编辑器，将其添加到您的 Definitions

AppServiceProvider

有关详细信息，请查看get_level_values

Answer 2

最后，对于静态页面或所有其他页面，我使用了类似的东西：

<input id="myInput" value="Some text..">
<button id="myBtn" onclick="javascript:alert('Hello World!')">Button</button>

<script>
var input = document.getElementById("myInput");
input.addEventListener("keyup", function(event) {
    event.preventDefault();
    if (event.keyCode === 13) {
        document.getElementById("myBtn").click();
    }
});
</script>