【问题标题】:Search suggestion cache javascript搜索建议缓存 javascript
【发布时间】:2011-07-07 20:23:49
【问题描述】:

我有一个搜索文本框,我必须为其实现搜索建议(如谷歌搜索)类型的功能。

例如,如果我在搜索框中输入“abc”,我会得到类似
abcdef
xyz 之类的建议em>abcxyz

这里每一个独特的建议都代表一个jsp页面,它的url可以在java-script数组中“硬编码”。因此,当我单击任何建议值时,会显示相应链接处的网页。

为此,您能否建议我任何有效的实现方法。
这必须是纯javascript,不能使用jquery等第三方库 p>

提前致谢。

【问题讨论】:

  • 绝大多数建议搜索实现都使用 AJAX 和服务器端脚本。为什么使用硬编码的 JS 数组很重要?
  • 在加载页面时你想使用 AJAX 还是想在 php 中创建硬编码的 JS 数组?
  • 因为在这种情况下,将在建议下拉列表中显示的值列表是事先知道的,并且永远不会改变。
  • AJAX 或 JS 数组以较快者为准。可搜索字符串的集合是固定的(比如大约 50 个),并且这个集合永远不会改变。
  • this set will never change - 在这种情况下,AJAX 当然更慢,因为它必须在后台加载和评估页面。

标签: javascript search autocomplete autosuggest


【解决方案1】:

假设您的数据位于与此类似的 associative JS array

var locationArray = {
    'searchValue1' : 'url1',
    'searchValue2' : 'url2',
        ...
};

并且您的搜索输入字段具有与onkeyup 关联的功能

<input type="text" onkeyup="UpdateSuggestions(this);">

那么剩下的就很简单了JavaScript string functions

【讨论】:

    猜你喜欢
    • 2011-04-04
    • 1970-01-01
    • 1970-01-01
    • 2023-03-19
    • 2012-02-02
    • 2018-12-19
    • 2017-12-11
    • 2017-12-22
    • 1970-01-01
    相关资源
    最近更新 更多