asp.net+Ajax+DataSet动态检索

最新推荐文章于 2018-08-22 16:00:27 发布

wl_ldy

最新推荐文章于 2018-08-22 16:00:27 发布

阅读量1.7k

点赞数

分类专栏： .net 文章标签： dataset asp.net ajax function xmlhttprequest table

本文链接：https://blog.csdn.net/wl_ldy/article/details/5021075

版权

.net 专栏收录该内容

31 篇文章 1 订阅

订阅专栏

实现的效果：

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

实现的思路：思路很简单和基本的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" οnkeyup="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方法总结。

wl_ldy

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
asp.net+Ajax+DataSet动态检索

实现的效果：通过动态检索，输入用户名称：即在输入框中，当输入一个字母或者汉字时，把所有复合条件的名称都列出来。实现的思路：思路很简单和基本的Ajax请求类似，先请求一个页面同时将输入框中的内容传递到请求页面，在请求页面获得参数，利用参数从数据库中检索，将检索的内容返回给原来的页面。 1、Ajax.aspx页面，输入用户名称的页面
复制链接

扫一扫

专栏目录