php - 我如何进行 ajax 实时搜索,减少现有列表而不是提取新结果?

标签 php javascript mysql ajax

我需要构建一个 ajax 搜索功能,当用户键入时,该功能将缩小显示列表的范围以仅显示完全匹配的内容。

我并不是在寻找某人来为我做我的工作,但如果我能提供一些具体的建议,我将不胜感激。

具体来说: -我一直在尝试在线查找教程,但我找到的所有示例都涉及在用户输入时提取新的搜索结果,这并不是我想要的。有谁知道有哪些资源可以为我提供所需的信息? -另外,除了基本的ajax框架(例如构建httprequest对象)之外,我需要做什么来实现这样的事情的一般逻辑是什么?

详细来说,我有一个动态显示的数据库内容列表。我已将输出插入一个数组,该数组显示给用户。因此,我有需要逐渐减少的内容列表。

所以我需要找到一种方法来缩小用户输入时的特定输出数组的范围。

抱歉,如果我不够具体,我会尽力提供尽可能多的信息。

如有任何建议,我们将不胜感激!

最佳答案

许多 JS typeahead 脚本都内置了此功能。您可以选择从 ajax 调用或预填充的数组/json 中提取数据。考虑twitter bootstrap typeahead example ,您可以在其中提供要填充的数据源

<input type="text" class="span3" style="margin: 0 auto;" data-provide="typeahead" data-items="4" data-source="['Alabama','Alaska','Arizona']">

关于php - 我如何进行 ajax 实时搜索,减少现有列表而不是提取新结果?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13127722/

相关文章:

php - 如果路由不存在则重定向

javascript - 将数据传递给 Bootstrap 4 Modal

javascript - 获取点击次数并使用 jquery 调用单个 ajax 调用

java - Hashtags 的最佳 JPA 实体模型

php - 检查禁止功能

php - 您请求了一个不存在的服务 "security.context"

php - 无法找出 SQL 字段中数据的重复条目以及随机单元格删除(PHP/MYSQL)

javascript - 带有 FormGroup 的 Angular 4 动画部分不起作用

javascript - 为什么它是以下代码中的竞争条件?

php - PDO 事务函数与 MySQL 事务语句?