使用ajax实现搜索提示功能

商丘工学院 宋秋丽 陈 帅

使用ajax实现搜索提示功能

商丘工学院 宋秋丽 陈 帅

Ajax技术采用异步无刷新技术，使得客户端用户体验越来越丰富。在搜索栏内录入关键字时，会自动弹出很多与之相关的信息。

Ajax；异步；无刷新；搜索提示

一、搜索提示介绍

Ajax技术采用异步无刷新技术，使得客户端用户体验越来越丰富。最典型的一种应用就是，当打开百度或者google，在搜索栏输入查找jsp关键字时，会自动弹出很多与Jsp相关的信息。对于信息来说，每个人对于搜索查询的信息关键字是不一样的，因此需要尽可能地将用户搜索过的关键字搜集起来，更有助于提高搜索效率。

二、搜索提示的基本原理

每输入完一个关键字时，向服务器发送一个请求，服务器根据用户输入的关键字，从数据库中搜索相关关键字信息，并返回到客户端，在客户端显示提示信息。

注意事项：

当键盘的按键抬起时，触发onkeyup键盘事件，将文本框的autocomplete属性设置为off，以免影响搜索提示，当搜索提示出现后，需要将其中选中的搜索项突出显示，以便区分。

三、搜索提示的实现

四、总结

我们用Ajax做动态网站时，如果要实现搜索提示功能，可以用这些技术来实现，让我们的网站功能更善，更具有人性化。

宋秋丽，女，河南商丘人，商丘工学院助教。

陈帅，男，河南商丘人，商丘工学院助教。