Ajax实现自动补全问题解决

Ajax实现自动补全问题解决

前几天再做一个类似百度搜索的自动补全的例子时，遇到了几个小问题，现做一个总结。

1、使用的主要技术

  主要使用SSH框架开发，结合jQuery、Json、Jsp、JavaScript等来实现。

2、问题描述及实现思路

文本框中输入文本，通过Jquery对Ajax的支持，将输入的数据提交到后台Action，由Hibernate到数据库中进行模糊查找，返回给Action，由Action想前台返回一个Json数据对象，在前端，由Ajax来解析Json数据，将数据以<ul><li></li></ul>的形式添加到文本输入框下方的一个div中。添加<ul><li></li></ul>对鼠标进入、移除，鼠标单击事件的支持。

3、主要遇到的问题

在由前台将异步数据发送给后台数据的过程以及将查询到的数据返回给前台的过程中没有什么太大的问题，不过有一点需要注意，就是在Action中，由Spring注入的值不能有Get方法，或者改方法需要延时加载。主要的问题出现在前端加载数据中。返回的数据需要动态的添加到div中，需要根据数据梳理动态创建<li>对象。但是，将在给i添加事件时遇到了问题，无法响应事件。

4、问题解决

//ajax方法
function ajax(vlue) {
				$.ajax({
							type : "POST",