问题标签 [livesearch]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
853 浏览

php - 使用数据库中的数据进行 Ajax 实时搜索

我见过一些(解释清楚的)示例,其中在 xml 文件中可以找到实时搜索的可用结果。但只有少数(解释得很糟糕)的结果来自数据库。我对第二种情况感兴趣。

一种解决方案可能是预取数据库数据并将它们放在一个 xml 对象中,其余的可以以相同的方式工作。这是我可以轻松实现的。

我正在寻找另一种方式,即用户键入一个字母(例如“c”)并在现场生成建议(例如“胡萝卜”、“卷心菜”、“芹菜”、“柑橘”)。这是否可以通过调用数据库来实现

"SELECT name FROM vegetables WHERE name LIKE c%"?

如果用户然后按下另一个字母怎么办?(例如'ca',所以推荐的结果应该是'carrot', 'cabbage')。按下的每个键都应该启动一个新的SELECT? 出于某种原因,这听起来不是一个好的解决方案。

有没有办法实现第二种方法?

0 投票
1 回答
112 浏览

jquery - Resig 的 jQuery 1.7 及更高版本的 Live Search redux?

我最近发现 Resig 的Quicksilver Live Search 的 jQuery 重写并且喜欢它的工作原理......但我正在尝试更新它以使用新的 .on() 事件处理程序。然而,我的能力(或缺乏能力)让我失望。

我想我需要编辑“this.keyup(filter)...”,但我什么也没做。有任何想法吗?

更新:只是澄清一点。我想要更新脚本的想法是接受动态引入的列表项。只要它是一个静态列表,一切都可以正常工作,但是由于我引入了一个通过 ajax 调用创建的列表,所以它无法工作。我将模拟一个小提琴并很快将其链接到此处。与此同时,如果有人能帮助我,它会拯救我的隐藏。谢谢。

0 投票
1 回答
101 浏览

jquery - 实时搜索仅适用于分页器的第一页

我已经设置了 jQuery 实时搜索,它运行良好:

但是,我有分页器,我的搜索只在当前页面上有效。我怎样才能让它在所有页面上工作?

0 投票
1 回答
287 浏览

jquery - Jquery 实时搜索:用按钮触发?

我发现这个小提琴在我的页面上完全按照我想要的方式运行,除了我需要仅在用户单击搜索按钮(我也可以使用帮助添加)或按下回车键时进行搜索 - 而不是他们正在打字。

这是代码:

下一步是使搜索不区分大小写并考虑某些类型-o。
(我可以使用快速银或液态金属或类似的东西吗?)

如果你能修改小提琴来解决那对我来说是最好的理解。

0 投票
2 回答
253 浏览

javascript - HTML 中的 jQuery 文本高亮显示

我有一个文本字段,用户可以在其中搜索地点名称。如何突出显示结果上的文本,不包括结果中显示的用户输入的内容?以下是我在 jQuery 中的代码:

以下是描述我的问题的图像:

在此处输入图像描述

谢谢!!

0 投票
1 回答
635 浏览

jquery - jquery 基于来自rails的调用追加或替换?

我一直在关注几个 railscasts,目前有一个使用 will_paginate 的带有无尽页面的产品列表。我想实现 railscast #240 以在结果中添加实时搜索,但似乎存在一些逻辑冲突,我不确定如何纠正。

简单来说,index.js.erb 里面的无尽页面需要使用 append 在当前产品列表下方添加更多产品:

$('#products')。append ('<%= j 渲染(@products) %>');

然而,实时搜索实现需要用搜索结果中的新产品替换当前的产品列表:

$('#products')。html ('<%= j 渲染(@products) %>');

这是完整的块:

html() 和 append() 都非常适合它们各自的用途,如果我注释掉其他作品,但如果我不注释掉其中一个,它就会变得非常不稳定。

我该如何设置它,如果用户在搜索框中输入它会触发 html(),如果用户滚动它会触发 append()?有什么方法可以确定哪个事件触发了 index.js.erb 调用?

0 投票
3 回答
2787 浏览

jquery - jquery 基于关键字的即时搜索

该插件使用正则表达式根据您的搜索输入对内容进行实时排序。现在脚本正在搜索您键入的内容。

这是代码:

}

我想要做的是创建几个按钮,例如:“text1”“text2”,当您单击它们以搜索“text1”而无需键入它时。关于如何做到这一点的任何建议?这就是脚本的工作方式:jsfiddle

谢谢!

0 投票
0 回答
481 浏览

jquery - jquery实时搜索回调函数

该插件使用正则表达式根据您的搜索输入对内容进行实时排序。

我为搜索创建了几个按钮,如下所示:

和代码片段:

我想要做的是,当单击“搜索 1”以将一个名为“可见元素”的类附加到执行搜索后和调用函数后可见的所有元素时。

这是我试图实现的应用到另一个搜索插件的一个很好的例子,但它显示了我正在尝试做的概念:

问题是我不知道如何在我的实际结构中进行这项工作,欢迎提出任何建议。

这是一个有效的小提琴示例。

这是测试网站

0 投票
2 回答
4190 浏览

php - PHP 示例 AJAX 实时搜索

在创建使用 PHP 和 XML 的网页方面,我相对较新,但我对我在 W3S 学校看到的 somthine 很感兴趣。我想为示例页面中显示的那个创建一个 AJAX 实时搜索,但首先我需要帮助学习如何使其运行。(http://www.w3schools.com/php/php_ajax_livesearch.asp)我复制粘贴网站中的三个代码文件,当我单击 html 文件时,我得到的只是一个空的表单框。我需要以某种方式将它与 MySql 联系起来吗?如果是这样,我该怎么做?

索引.html:

livesearch.php:

链接.xml:

谢谢你的帮助

0 投票
1 回答
94 浏览

php - 同时实时搜索 3 行

如果每个用户都有 3 行,我需要知道如何进行实时搜索以查找完整名称……例如:

餐桌上的蔬菜

姓名、姓名、姓氏

Jhon-----erick--------doe

当我按照示例进行搜索时,jhon doe 或 erick doe 或 jhon erick doe 会向我展示结果

约翰·埃里克·多伊

这是我的实时搜索:

在页面中显示结果: