Instantsearch.js即時搜索結果
Instantsearch.js 是一個 JavaScript 庫,它可以讓你用 Algolia 的 REST API 創(chuàng)建一個即時搜索結果體驗。
搜索結果的頁面是由單個組件組成的,也被稱為 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();
評論
圖片
表情
