使用jquery从头开始自动完成

Question

我知道stackoverflow不能完成我的工作，因为我要求提供泛型建议

• 我的autocomplet将在输入中，据我所知，输入有“get”和“post” 请求。我需要发帖子请求，这是我的问题。 我的自动完成功能从端点JSON读取信息，该信息是在您从服务器发出请求时生成的，例如http://www.imobiliare.ro/sugestii/huned，我需要一个javascript函数，即连续读取并将信息从输入文本发送到URL。

E.g

我有：“http://www.imobiliare.ro/sugestii/huned”+ T，来自输入的T值，信息传递到URL并生成JSON，然后生成一个JSON，来自输入的TI值。

对我来说，困难的部分是如何在不按下提交按钮的情况下将连续的信息发送到网址，类似于每次我在输入文本中传递值，读取并自动发送到URL并发出请求

我不能使用任何现有的lib。

Answer 1

以下是您的一些起点，如果您执行的任务是“不使用任何库＆＃34;”，您应该已经知道了。自动完成＆＃34;不使用任何库＆＃34;在几乎所有可以想象的情况下都是错误的设计要求和浪费时间。

1. 将听众绑在＆＃34; keyup＆＃34;事件
2. 这个听众每次都不应该开火＆＃34; keyup＆＃34;被解雇了，但是延迟了大约500毫秒，否则你将在输入的每个字母上触发POST请求，如果是'＃34;脱氧核糖核酸＆＃34;可能会有点矫枉过正。

这就是全部。你绝对不需要任何＆＃34;连续＆＃34;检查，只按键。

对于＆＃34;连续＆＃34;检查您应该使用setTimeout和setInterval函数。

修改

Here is JsFiddle with the crude solution showing both of my points：您将一个事件监听器附加到文本输入，然后（使用适当的去抖机制！）在按键上向您的后端API发送请求。其他一切都取决于你的想象力。通常结果会返回到下拉列表中，但我当然不会从头开始重新实现 。

Answer 2

这可能会对你有所帮助 Building an Autocomplete from scratch with javascript