ajax实时搜索最后一个字符

时间:2015-10-14 13:52:58

标签: javascript ajax search live

我正在尝试在以下位置找到的AJAX Live Search: http://www.w3schools.com/php/php_ajax_livesearch.asp

它通过AJAX传输输入值,以便在php文件中进行比较。

这确实有效,但有一件事困扰着我:

当输入一些字符并删除我的所有输入(很快)时,有时会显示仍显示结果,属于我删除的最后一个字符的结果

因此输入asdfgh会导致no suggestion。 但删除所有字符仍然是a显示的结果,即:

HTML a tag
HTML br tag
CSS background Property
JavaScript Date Object
JavaScript Array Object

我尝试通过改变代码的onkeyup部分,将其推入javascript本身,尝试不同类型的事件来解决这个问题,但似乎没有什么能解决这个问题。

还在我的手机和另一台PC上测试了它,它们都是一样的。

有关改变什么以消除此行为的任何建议?

1 个答案:

答案 0 :(得分:0)

您可能希望在 showResult 函数中加入时间延迟。

将超时设置为50ms,每次调用 showResult 函数时,都会重置它。

超时将执行AJAX调用( showResult 应该做什么)。