blocks|key|1962489|text|Hotels.com使用自定义的JSON请求/响应。如果您打开firebug，您将看到传出呼叫：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1962490|Search+for+"London"|offset|length|1962491|此调用在keyup上立即触发，并返回JSON数据：|1962492|Response+from+Hotels.com|1962493|除此之外，没有什么特别花哨的事情，只是一台高性能的服务器，可以进行准确的数据库搜索。但是在Javascript中没有自动补全功能。|1962494|entityMap|0|LINK|mutability|MUTABLE|url|http://www.hotels.com/suggest/atxt_destination/b0/c4/d30/e5/fen_US/glondon|1^0|0|0|J|0|0|0|0|O|1|0|0^^$0|@$1|2|3|4|5|6|7|U|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|V|8|@]|9|@$D|W|E|X|1|Y]]|A|$]]|$1|F|3|G|5|6|7|Z|8|@]|9|@]|A|$]]|$1|H|3|I|5|6|7|10|8|@]|9|@$D|11|E|12|1|13]]|A|$]]|$1|J|3|K|5|6|7|14|8|@]|9|@]|A|$]]|$1|L|3|-4|5|6|7|15|8|@]|9|@]|A|$]]]|M|$N|$5|O|P|Q|A|$R|S]]|T|$5|O|P|Q|A|$R|S]]]]

Hotels.com uses a custom JSON request/response. If you open up firebug you'll see the outgoing call:

<a href="http://www.hotels.com/suggest/atxt_destination/b0/c4/d30/e5/fen_US/glondon" rel="nofollow noreferrer">Search for "London"</a>

This call is fired immediately on keyup, and returns JSON data:

<a href="http://www.hotels.com/suggest/atxt_destination/b0/c4/d30/e5/fen_US/glondon" rel="nofollow noreferrer">Response from Hotels.com</a>

There's nothing particularly fancy going on otherwise, just a high powered server with an accurate database search. There's no autocomplete happening in Javascript though.

blocks|key|1962454|text|因此，你更想要一个下拉过滤器而不是下拉自动完成？例如，当你输入"foo“时，你想要列出"foobar"，"afooba”和"bazfoo“，而不仅仅是像"foobar”和"foobaz“这样的首发匹配？|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1962455|如果是这样，那么我可以建议使用Quicksilver算法的Quickselect或使用Liquidmetal算法的Flexselect。为了更有价值，我在大约一年前尝试了这两个插件，并决定继续使用最后一个，因为它可以更好地自定义，使其与其他jQuery插件(例如验证器和qTip)兼容。|offset|length|1962456|entityMap|0|LINK|mutability|MUTABLE|url|http://plugins.jquery.com/project/quickselect|1|http://plugins.jquery.com/project/flexselect^0|0|T|B|0|1L|A|1|0^^$0|@$1|2|3|4|5|6|7|P|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|Q|8|@]|9|@$D|R|E|S|1|T]|$D|U|E|V|1|W]]|A|$]]|$1|F|3|-4|5|6|7|X|8|@]|9|@]|A|$]]]|G|$H|$5|I|J|K|A|$L|M]]|N|$5|I|J|K|A|$L|O]]]]

Thus, you rather want a dropdown filter instead of dropdown autocomplete? E.g. when you type "foo" you would like to get "foobar", "afooba" and "bazfoo" listed instead of only the starting-matches like "foobar" and "foobaz"? 

If so, then I can suggest the <a href="http://plugins.jquery.com/project/quickselect" rel="nofollow noreferrer">Quickselect</a> using Quicksilver algo or <a href="http://plugins.jquery.com/project/flexselect" rel="nofollow noreferrer">Flexselect</a> using Liquidmetal algo. For what's worth, I've played with both about a year ago and decided to continue with the last one, because it was better customizeable to get it compatible with the other jQuery plugins (e.g. Validator and qTip).

blocks|key|1960368|text|你喜欢www.hotels.com的什么地方？您希望将哪些数据投影到自动完成中？这些数据从何而来？在考虑实现细节之前，您需要回答这些问题。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1960369|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

What is it about www.hotels.com that you like? What data do you want to project into the autocomplete? Where would this data come from? You need to answer these questions before thinking about implementation details.

blocks|key|1960401|text|好东西是要花钱的。在您正在进行的这个特定基准测试中，如果您仔细观察，您将能够看到hotels.com使用了Yahoo+JS框架和不同的自定义函数……|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1960402|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

Good things costs money. In this particular benchmark exercise you're doing, if you look close enough, you'll be able to see that hotels.com uses the Yahoo JS framework and different custom functions...

blocks|key|1962532|text|自动补全中80%25的工作都是在后台完成的。THe后端需要非常非常快地返回查询响应。我怀疑jquery是否是你的问题。使用firebug的“net”面板了解往返时间以及服务器延迟。解决这个问题。剩下的就简单了。顺便说一句，我非常幸运地使用了GWT的suggestbox直接进入oracle数据库(我省去了大部分web层，而不是一个非常薄的直通通道，以获得我想要的响应性)。在大约50毫秒内回复用户|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1962533|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

80% of the work in autocompletion is done in the backend. THe backend needs to be really really quick to return query responses. I doubt if jquery is your problem. Use firebug's 'net' panel to understand how much round trip time is, and what the server latency is. Solve that problem. The rest is easy. 
FWIW, I have had very good luck using GWT's suggestbox going directly into a oracle database (I dispensed with most of the web tier other than a very thin passthrough to get the responsiveness I was looking for). Response back to the user in approx 50ms

I am using JQuery's autocomplete plugin, but it is not fast and also it's not that relevant to my site. I want an autocomplete like the <a href="http://www.hotels.com" rel="nofollow noreferrer">www.hotels.com</a>. How can I achieve this type of autocomplete? Are there plugins for it?

Fast autocomplete for drop-downs

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

教程

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云智能顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

EdgeOne AI 安全实战专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

聚焦“写作效率、视觉美观与运行性能”三方面进行全面升级，为您提供更高效、稳定的创作环境

社区富文本&Markdown编辑器全新改版上线，欢迎大家体验!

诚挚邀请您参与本次调研，分享您的真实使用感受与建议。您的反馈至关重要，感谢您的支持与参与！

社区新版编辑器体验调研

我使用的是JQuery的自动补全插件，但速度不快，而且与我的站点也没有太大关系。我想要一个像一样的自动补全。如何实现这种类型的自动补全？有它的插件吗？

问下拉列表的快速自动完成
EN

回答 5

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问下拉列表的快速自动完成EN

回答 5

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问下拉列表的快速自动完成
EN