Javascript 在页面上显示搜索结果

普热梅克·沃伊塔斯

我使用 algolia 进行实时搜索。

<input type="text" class="form-control" id="search_text" onkeyup="search_data(this.value);" placeholder="Search">

我的js是这样的

 var client = algoliasearch('''', '''');
        var index = client.initIndex('businesses'); 
    function search_data(search_value) {
    index.search(search_value, function searchDone(err, content) {
      if (err) {
        console.error(err);
        return;
      }

      for (var h in content.hits)
      console.log(content);
        console.log('Hit(' + content.hits[h].objectID + '): ' + content.hits[h].toString());

    });

    // with params
    index.search(search_value, {
      attributesToRetrieve: ['name'],
      hitsPerPage: 50
    }, function searchDone(err, content) {
      if (err) {
        console.error(err);
        return;
      }

      for (var h in content.hits) {
        console.log('Hit(' + content.hits[h].objectID + '): ' + content.hits[h].toString());
      }
    });
    }

控制台日志中的输出如下所示:

Object{
  hits: Array(2),
  nbHits: 2,
  page: 0,
  nbPages: 1,
  hitsPerPage: 20…
}exhaustiveNbHits: truehits: Array(2)0: Object1: Objectapi_key: 10565created_at: nullemail: "n/a"facebook_business: nullgallery_id: nullid: 1image: nullinstagram_business: nulllogo: nullname: "Odeon Cinema"objectID: "1"twitter_business: nulltype: "3"updated_at: nulluser_id: 1

但现在我被困住了。我如何在页面上输出这个?从这些结果我想输出所有结果,显示名称

//编辑

    var client = algoliasearch('75RQSC1OHE', 'f06169611a53cb7e026f364739162cb9');
    var index = client.initIndex('businesses'); 
function search_data(search_value) {
    index.search(search_value, {
        attributesToRetrieve: ['name'],
        hitsPerPage: 5
    }, function searchDone(err, content) {
    if (err) {
    console.error(err);
    return;
  }
  for (var h in content.hits) {
    $('.test').append("<li>" + content.hits[h].name + "</li>");
  }
});
}
安吉特·乔杜里

.test在追加之前清除$('.test').html('');在 for 循环之前使用

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

Javascript 搜索栏过滤器,在页面上隐藏/显示

来自分类Dev

在页面上显示数组,获得重复的结果-JavaScript

来自分类Dev

页面上显示的Javascript代码

来自分类Dev

搜索html div并在不同页面上显示结果

来自分类Dev

如何在单独的页面上显示搜索结果

来自分类Dev

搜索Twitter用户并在自己的页面上显示结果

来自分类Dev

显示“无记录”以在mysql php页面上搜索结果

来自分类Dev

Javascript / API-搜索结果未显示

来自分类Dev

如何在即时搜索页面上的Algolia搜索结果页面中显示HTML内容

来自分类Dev

在页面上显示JavaScript控制台错误

来自分类Dev

如何使用JavaScript / JQuery在页面上显示html框?

来自分类Dev

用Javascript创建的表单未显示在页面上

来自分类Dev

页面上的Yii JavaScript

来自分类Dev

如何在Drupal 8的搜索结果页面上显示结果计数?

来自分类Dev

在页面Javascript中搜索-一个结果错误

来自分类Dev

与结果分开的页面上的Django搜索框

来自分类Dev

如何在“搜索结果”页面上取消标题(“搜索结果”)?

来自分类Dev

JavaScript 搜索栏在用户输入后显示结果

来自分类Dev

Angular2/5 搜索数据库并在新页面上显示结果

来自分类Dev

.click之后,JavaScript .load无法显示正确的页面结果

来自分类Dev

JavaScript无法在页面上加载

来自分类Dev

在单个页面上执行JavaScript

来自分类Dev

页面上的Javascript点击模拟

来自分类Dev

不同页面上的javascript变量

来自分类Dev

在多个页面上显示查询结果

来自分类Dev

图片结果未显示在页面上

来自分类Dev

在ejs页面上显示MongoDB查询结果

来自分类Dev

JSON-使JSON结果显示在页面上

来自分类Dev

在多个页面上显示查询结果

Related 相关文章

热门标签

归档