文章/答案/技术大牛

发布

社区首页 >问答首页 >如何使用柔性搜索进行自动完成搜索

问如何使用柔性搜索进行自动完成搜索
EN

Stack Overflow用户

提问于 2019-02-04 18:35:17

回答 1查看 988关注 0票数 0

在我的研究案例中，我必须用这个脚本创建一个自动完成的搜索。我的问题是如何调用数据库。我不知道。我想我必须创建另一个文件名为search.php

我的代码

<head>
     <script src="https://cdn.jsdelivr.net/gh/nextapps-de/flexsearch@master/dist/flexsearch.min.js"></script>


<script src="search.php"></script>

<style>
        table{
            width: 300px;
            table-layout: fixed;
        }
        td, tr{
            border: none;
        }
        input{
            border: 1px solid #ddd;
            border-radius: 3px;
            outline: none;
            background-color: #f5f5f5;
        }
        input, div{
            padding:5px 5px;
            width: 100%;
            box-sizing: border-box;
        }
        #suggestions div{
            padding: 10px 0;
            border-bottom: 1px solid #ddd;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
        }
    </style>

</head>

  <div><input type="text" placeholder="Search ..." onkeyup="show_results.call(this);"></div>
  <div id="suggestions"></div>

</div>


<script>
  (function(){

    var index = new FlexSearch({

      encode: "advanced",
      tokenize: "reverse",
      suggest: true
    });

    var container = document.getElementById("suggestions");

    for(var i = 0; i < data.length; i++){

      index.add(i, data[i]);
    }

    window.show_results = function(){

      var results = index.search(this.value, 10);
      var fragment = document.createDocumentFragment();
      var entry, tmp;

      for(var i = 0; i < results.length; i++){

        entry = document.createElement("div");
        entry.textContent = data[results[i]];
        fragment.appendChild(entry);
      }

      while((tmp = container.firstChild)){

        container.removeChild(tmp)
      }

      container.appendChild(fragment);
    };

  }());
</script>

我的search.php，我尝试了这段代码，但是关于如何获取由某人生成的seach关键字。

<?php
        $terms = strtolower($_GET["q"]);

        $Qcheck = $Db->prepare('select distinct products_id as id,
    products_description as description
                                            from :table_products_description
                                            where products_description LIKE :terms
                                            limit 10
                                          ');
        $Qcheck->bindValue(':terms', '%' . $terms . '%');
        $Qcheck->execute();

        $list = $Qcheck->rowCount() ;

        if ($list > 0) {
          $array = [];

          while ($value = $Qcheck->fetch() ) {
            $array[] = $value;
          }

          $json_response = json_encode($array); 

          echo $json_response;
?>

我希望在输入字段中看到跨数据库的搜索结果

php

mysql

autocomplete

回答 1

Stack Overflow用户

发布于 2019-02-06 20:34:09

我想帮你。首先，我不能检查您的php代码，所以请检查php返回一个json编码的字符串。那么你意愿的解决方案如下。

将search.php中的最后一行替换为以下两行：

header('Content-Type: text/javascript');
echo 'var data = ' . $json_response . ';';

(仅此而已：

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/54522299

复制

相似问题

问如何使用柔性搜索进行自动完成搜索
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何使用柔性搜索进行自动完成搜索EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何使用柔性搜索进行自动完成搜索
EN