Instantsearch.js即时搜索结果

联合创作 · 2023-10-02 09:21

Instantsearch.js 是一个 JavaScript 库,它可以让你用 Algolia 的 REST API 创建一个即时搜索结果体验。

搜索结果的页面是由单个组件组成的,也被称为 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();

 

浏览 9
点赞
评论
收藏
分享

手机扫一扫分享

编辑 分享
举报
评论
图片
表情
推荐
点赞
评论
收藏
分享

手机扫一扫分享

编辑 分享
举报