如何使用Dojo实现实时搜索/搜索建议?

5年前,当Dojo处于0.2时,我实现了它:

• http://www.lazutkin.com/blog/2005/12/23/live-filtering/

虽然代码是古老的,但它是琐碎的,希望它能给你关于如何攻击它的想法。草图:

• 将事件处理程序附加到输入框中,该输入框在更改时触发-使用“onkeyup”检测输入框中的更改。
• 等待,直到用户通过在事件处理程序中设置计时器(如果尚未设置)停止键入。200-500毫秒是很好的等待时间。
  • 超时具有双重作用:
    • 它限制了我们对服务器的请求,以防止过载。
    • 它影响我们对时间的感知和打字习惯。
• 如果超时时间到了,并且我们不等待服务器⇒向服务器发送一个到目前为止已经存在的字符串。
• 如果我们仍在等待服务器,请取消请求并再次询问。
  • 这部分是应用程序特定的:我们不想让服务器过载,有时服务器无法很好地处理断开的连接。
  • 在这个示例中,我不会取消XHR调用,但在提交新请求之前,请等待它先完成。
• 服务器响应相关结果,并及时显示。

在博客文章中,我把它作为一个小部件实现。显然,确切的包装是由你决定的。