问题标签 [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.
php - 使用数据库中的数据进行 Ajax 实时搜索
我见过一些(解释清楚的)示例,其中在 xml 文件中可以找到实时搜索的可用结果。但只有少数(解释得很糟糕)的结果来自数据库。我对第二种情况感兴趣。
一种解决方案可能是预取数据库数据并将它们放在一个 xml 对象中,其余的可以以相同的方式工作。这是我可以轻松实现的。
我正在寻找另一种方式,即用户键入一个字母(例如“c”)并在现场生成建议(例如“胡萝卜”、“卷心菜”、“芹菜”、“柑橘”)。这是否可以通过调用数据库来实现
"SELECT name FROM vegetables WHERE name LIKE c%"
?
如果用户然后按下另一个字母怎么办?(例如'ca',所以推荐的结果应该是'carrot', 'cabbage')。按下的每个键都应该启动一个新的SELECT
? 出于某种原因,这听起来不是一个好的解决方案。
有没有办法实现第二种方法?
jquery - Resig 的 jQuery 1.7 及更高版本的 Live Search redux?
我最近发现 Resig 的Quicksilver Live Search 的 jQuery 重写并且喜欢它的工作原理......但我正在尝试更新它以使用新的 .on() 事件处理程序。然而,我的能力(或缺乏能力)让我失望。
我想我需要编辑“this.keyup(filter)...”,但我什么也没做。有任何想法吗?
更新:只是澄清一点。我想要更新脚本的想法是接受动态引入的列表项。只要它是一个静态列表,一切都可以正常工作,但是由于我引入了一个通过 ajax 调用创建的列表,所以它无法工作。我将模拟一个小提琴并很快将其链接到此处。与此同时,如果有人能帮助我,它会拯救我的隐藏。谢谢。
jquery - 实时搜索仅适用于分页器的第一页
我已经设置了 jQuery 实时搜索,它运行良好:
但是,我有分页器,我的搜索只在当前页面上有效。我怎样才能让它在所有页面上工作?
jquery - Jquery 实时搜索:用按钮触发?
我发现这个小提琴在我的页面上完全按照我想要的方式运行,除了我需要仅在用户单击搜索按钮(我也可以使用帮助添加)或按下回车键时进行搜索 - 而不是他们正在打字。
这是代码:
下一步是使搜索不区分大小写并考虑某些类型-o。
(我可以使用快速银或液态金属或类似的东西吗?)
如果你能修改小提琴来解决那对我来说是最好的理解。
javascript - HTML 中的 jQuery 文本高亮显示
我有一个文本字段,用户可以在其中搜索地点名称。如何突出显示结果上的文本,不包括结果中显示的用户输入的内容?以下是我在 jQuery 中的代码:
以下是描述我的问题的图像:
谢谢!!
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 调用?
jquery - jquery 基于关键字的即时搜索
该插件使用正则表达式根据您的搜索输入对内容进行实时排序。现在脚本正在搜索您键入的内容。
这是代码:
}
我想要做的是创建几个按钮,例如:“text1”“text2”,当您单击它们以搜索“text1”而无需键入它时。关于如何做到这一点的任何建议?这就是脚本的工作方式:jsfiddle
谢谢!
php - PHP 示例 AJAX 实时搜索
在创建使用 PHP 和 XML 的网页方面,我相对较新,但我对我在 W3S 学校看到的 somthine 很感兴趣。我想为示例页面中显示的那个创建一个 AJAX 实时搜索,但首先我需要帮助学习如何使其运行。(http://www.w3schools.com/php/php_ajax_livesearch.asp)我复制粘贴网站中的三个代码文件,当我单击 html 文件时,我得到的只是一个空的表单框。我需要以某种方式将它与 MySql 联系起来吗?如果是这样,我该怎么做?
索引.html:
livesearch.php:
链接.xml:
谢谢你的帮助
php - 同时实时搜索 3 行
如果每个用户都有 3 行,我需要知道如何进行实时搜索以查找完整名称……例如:
餐桌上的蔬菜
姓名、姓名、姓氏
Jhon-----erick--------doe
当我按照示例进行搜索时,jhon doe 或 erick doe 或 jhon erick doe 会向我展示结果
约翰·埃里克·多伊
这是我的实时搜索:
在页面中显示结果: