实例代码教程：一个基于AJAX的自动完成

　　猛火建站学院(LieHuo.Net)技能文档 我想各人在会见某些网站的时辰都曾见到过基于Ajax的自动完乐成能,好比：http://www.google.com 输入：猛火上，还没输入完毕，下面就有了：猛火上网导航。如下图：

　　一、引出Ajax的自动完成

　　此刻要实现一个员工信息查询的成果，即按照输入的名字检索员工的具体信息。这是一个简朴的数据表查询，在ASP.NET中实现这样的成果是较量简朴的.

      从上面可以看出,这种员工信息查询成果还存在一些不敷，好比用户也许记不全员工的名字，只记得前面几个字母是什么，这样用户只能按照影象揣摩，一遍各处实行。假如在用户输入的同时，输入框下方可以给出响应的提醒，帮助用户输入，那么用户举办检索的速率和乐成率就会大大进步.这就是基于Ajax的自动完乐成能

　　二、自动完乐成能的实现
     实现这样的成果必要按以下的步调举办。

　　 处事器端提供GetSearchItems要领给客户端，用来返回满意前提的员工列表。
 　　客户端的输入框必要增进onkeydown相应函数，以便即时获取满意前提的员工列表。
　　 通过客户端的JavaScript动态列出待选功效的列表，同时还要提供键盘和鼠标的相应。

　　三、处事器端实现

     本文回收AjaxPro.NET作为Ajax开拓框架，起首为行使AjaxPro.NET做一些筹备事变。 添加对AjaxPro.dll的引用，修改Web.config设置文件，在system.web节点下插手如下设置：

    在页面靠山代码（Default.aspx.cs）的Page_Load要领中增进下面的代码：

    下面界说提供应客户端挪用的要领GetSearchItems(),参数query为恍惚查询的要害字值：

　　GetSearchItems要领返回一个ArrayList工具，它将包括全部以用户输入字符串的员工名字。

（编辑：湖南网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!