Instantsearch.js是一个JavaScript库,它可以让你用 Algolia的RESTAPI创建一个即时搜索结果体验。
搜索结果的页面是由单个组件组成的,也被称为widgets。Widgets既是搜索输入的UI组件也是搜索输出的UI组件。
示例代码:
var instantsearch = require('instantsearch.js');// or use the 'instantsearch' global variable when using the jsDelivr buildvar search = instantsearch({ appId: appId, // Mandatory apiKey: apiKey, // Mandatory indexName: indexName, // Mandatory numberLocale: 'fr-FR' // Optional, defaults to 'en-EN', urlSync: { // optionnal, activate url sync if defined useHash: false }});// add a searchBox widgetsearch.addWidget( instantsearch.widgets.searchBox({ container: '#search-box', placeholder: 'Search for libraries in France...' }));// add a hits widgetsearch.addWidget( instantsearch.widgets.hits({ container: '#hits-container', hitsPerPage: 10 }));// startsearch.start();
评论