ajax自动提示的文本框,文本框输入时 实现自动提示（像百度、google一样）

文本框输入时 实现自动提示(像百度、google一样),需要的朋友可以参考下

只要有三个文件：

一个js插件autocomplete.js和autocomplete.css两个文件，这是jquery官方网站提供的插件；

他们的下载地址：http://jqueryui.com/demos/autocomplete/

一个是一般处理程序 ；

一个是apsx页面，看下面的代码吧;

前台：

复制代码 代码如下:

$(document).ready(function() {

ShowUserList($("#TextBox1"), "LoginTest.ashx");

//TextBox1为文本框的ID，loginTest.ashx为请求的一般处理程序。

function ShowUserList(obj, url) {

$.getJSON(

url,

function(msg) {

var names = new Array();

msg = msg.Table;

var names = new Array();

for (var i = 0; i < msg.length; i++) {

names.push(msg[i].loginName);

}

obj.focus().autocomplete(names);

}

);

}

});

用户名：

后台是一般处理程序：

复制代码 代码如下:

public class LoginTest : IHttpHandler

{

string str;

public void ProcessRequest(HttpContext context)

{

getUserName();

context.Response.Write(str);

}

public bool IsReusable

{

get

{

return false;

}

}

private void getUserName()

{

DataSet ds = SqlHelper.BuildDataSet("select * from login", CommandType.Text);

str = ConvertJson.ToJson(ds);

}

}

运行结果：