asp.net+Ajax+DataSet动态检索

来源：互联网发布：获取服务器ip和端口号编辑：程序博客网时间：2024/04/29 19:39

实现的效果：

通过动态检索，输入用户名称：即在输入框中，当输入一个字母或者汉字时，把所有复合条件的名称都列出来。

实现的思路：思路很简单和基本的Ajax请求类似，先请求一个页面同时将输入框中的内容传递到请求页面，在请求

页面获得参数，利用参数从数据库中检索，将检索的内容返回给原来的页面。

1、Ajax.aspx页面，输入用户名称的页面

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Ajax.aspx.cs" Inherits="power.Ajax" %><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" ><head runat="server"> <title>无标题页</title> <mce:script type="text/javascript"></mce:script></head><body> <form id="form1" runat="server"> <div> <asp:Label ID="Label1" runat="server" Text="Label">用户名：</asp:Label><input type="text" id="names" name="username" onkeyup="findNames()" /> <div style="position:absolute" mce_style="position:absolute" id="popup"> <table id="name_table" bgcolor="#FFFAFA" border="0" cellpadding="0" cellspacing="0"> <tbody id="name_table_body"></tbody> </table> </div> </div> </form></body></html>

2、OperatorAjax.aspx页面，处理请求的页面：

在asp.net中xmlHttp.responseText的返回值全部是html代码,

怎样才能只返回Response.write的内容，下面的代码可以实现：

<mce:script language="C#" runat="server"></mce:script>

下面的代码和上面的代码有同样的功能：

<%@ Page Language="C#"%><% //设置返回数据的类型 Response.ContentType = "text/xml"; Response.Charset = "UTF-8"; //获取请求的参数 string name = Request["names"]; Response.Write("<?xml version=/"1.0/" encoding=/"UTF-8/" ?>" + "/n"); DataSet ds = new DataSet(); BLL.UserInfoBLL userBll = new UserInfoBLL(); //通过参数检索数据库，返回DataSet集合 ds = userBll.searchUserInfo(name); //将DataSet集合已xml的形式返回 Response.Write(ds.GetXml()); %>

3、xmlHttp.responseText 返回的信息为

<?xml version="1.0" encoding="UTF-8" ?><NewDataSet> <Table> <username>admin</username> </Table> <Table> <username>asdf</username> </Table></NewDataSet>

4、在页面中显示检索的信息，代码请看Ajax.aspx。

相关资料可以参考JavaScript解析XML方法总结。