用ajax做搜索效果
2008-02-20 15:25
148 查看
ajax控件为AutoCompleteExtender源中代码设置为:
<%...@ Page Language="C#" AutoEventWireup="true" CodeFile="AutoCompleteDepart.aspx.cs" Inherits="AutoCompleteDepart" %>
<!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>
</head>
<body>
<form id="form1" runat="server">
<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>
请输入字母前缀:
<div>
<asp:TextBox ID="TextBox1" runat="server" Width="285px" />
<ajaxToolkit:AutoCompleteExtender ID="AutoCompleteExtender1" runat="server" Enabled="true"
TargetControlID="TextBox1"
ServicePath="AutoCompleteDepartSevice.asmx"
ServiceMethod="GetCompleteDepart"
CompletionSetCount="10"
MinimumPrefixLength="2">
</ajaxToolkit:AutoCompleteExtender>
</div>
</form>
</body>
</html>
在数据库中读取数据可以双击ajax控件在代码中写入以下方法,最好是添加web服务写入以下代码:
using System;
using System.Web;
using System.Collections;
using System.Web.Services;
using System.Web.Services.Protocols;
using System.Data;
using System.Data.SqlClient;
using System.Configuration;
/**//// <summary>
/// AutoCompleteDepartSevice 的摘要说明
/// </summary>
[WebService(Namespace = "http://tempuri.org/")]
[WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)]
[System.Web.Script.Services.ScriptService]
public class AutoCompleteDepartSevice : System.Web.Services.WebService ...{
public AutoCompleteDepartSevice () ...{
//如果使用设计的组件,请取消注释以下行
//InitializeComponent();
}
//定义数组保存获取的内容
//两个参数“prefixText”表示用户输入的前缀,count表示返回的个数
[WebMethod]
public String[] GetCompleteDepart(string prefixText, int count)
...{
// 如果数组为空
string[] autoCompleteWordList = null;
if (autoCompleteWordList == null)
...{
//读取数据库的内容
SqlConnection conn=new SqlConnection(ConfigurationManager.ConnectionStrings["DepartConnectionString"].ToString());
conn.Open();
SqlDataAdapter da=new SqlDataAdapter("select departname from departinfo where departname like'" + prefixText + "%' order by departname",conn);
DataSet ds = new DataSet();
da.Fill(ds);
//读取内容文件的数据到临时数组
string[] temp = new string[ds.Tables[0].Rows.Count];
int i=0;
foreach( DataRow dr in ds.Tables[0].Rows)
...{
temp[i] = dr["departname"].ToString();
i++;
}
//将临时数组的内容赋给返回数组
autoCompleteWordList = temp;
if (conn.State == ConnectionState.Open)
conn.Close();
}
String[] returnValue = new string[count];
returnValue = autoCompleteWordList;
//返回数据
return returnValue;
}
}
若是双击ajax控件则只需要写入GetCompleteDepart方法内的代码
<%...@ Page Language="C#" AutoEventWireup="true" CodeFile="AutoCompleteDepart.aspx.cs" Inherits="AutoCompleteDepart" %>
<!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>
</head>
<body>
<form id="form1" runat="server">
<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>
请输入字母前缀:
<div>
<asp:TextBox ID="TextBox1" runat="server" Width="285px" />
<ajaxToolkit:AutoCompleteExtender ID="AutoCompleteExtender1" runat="server" Enabled="true"
TargetControlID="TextBox1"
ServicePath="AutoCompleteDepartSevice.asmx"
ServiceMethod="GetCompleteDepart"
CompletionSetCount="10"
MinimumPrefixLength="2">
</ajaxToolkit:AutoCompleteExtender>
</div>
</form>
</body>
</html>
在数据库中读取数据可以双击ajax控件在代码中写入以下方法,最好是添加web服务写入以下代码:
using System;
using System.Web;
using System.Collections;
using System.Web.Services;
using System.Web.Services.Protocols;
using System.Data;
using System.Data.SqlClient;
using System.Configuration;
/**//// <summary>
/// AutoCompleteDepartSevice 的摘要说明
/// </summary>
[WebService(Namespace = "http://tempuri.org/")]
[WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)]
[System.Web.Script.Services.ScriptService]
public class AutoCompleteDepartSevice : System.Web.Services.WebService ...{
public AutoCompleteDepartSevice () ...{
//如果使用设计的组件,请取消注释以下行
//InitializeComponent();
}
//定义数组保存获取的内容
//两个参数“prefixText”表示用户输入的前缀,count表示返回的个数
[WebMethod]
public String[] GetCompleteDepart(string prefixText, int count)
...{
// 如果数组为空
string[] autoCompleteWordList = null;
if (autoCompleteWordList == null)
...{
//读取数据库的内容
SqlConnection conn=new SqlConnection(ConfigurationManager.ConnectionStrings["DepartConnectionString"].ToString());
conn.Open();
SqlDataAdapter da=new SqlDataAdapter("select departname from departinfo where departname like'" + prefixText + "%' order by departname",conn);
DataSet ds = new DataSet();
da.Fill(ds);
//读取内容文件的数据到临时数组
string[] temp = new string[ds.Tables[0].Rows.Count];
int i=0;
foreach( DataRow dr in ds.Tables[0].Rows)
...{
temp[i] = dr["departname"].ToString();
i++;
}
//将临时数组的内容赋给返回数组
autoCompleteWordList = temp;
if (conn.State == ConnectionState.Open)
conn.Close();
}
String[] returnValue = new string[count];
returnValue = autoCompleteWordList;
//返回数据
return returnValue;
}
}
若是双击ajax控件则只需要写入GetCompleteDepart方法内的代码
相关文章推荐
- 基于Servlet百度搜索效果的Ajax的实现实例
- php+ajax 仿百度搜索效果
- asp.net+js实现的ajax sugguest搜索提示效果
- ajax分页效果、分类联动、搜索功能
- ajax遍历数组(实现百度搜索提示的效果)
- ajax模拟关键字智能匹配搜索效果
- AJAX实现百度搜索栏效果
- jquery Json Ajax搜索与分页效果代码
- ajax+php+dom+json+mysql实现googl搜索的效果
- asp.net+ajax仿搜索提示效果代码
- 利用autocomplete.js实现仿百度搜索效果(ajax动态获取后端[C#]数据)
- asp.net+js实现的ajax sugguest搜索提示效果
- 实现类似google搜索效果,文本框输入智能提示,没有用ajax控件和第三方控件,完全手写代码
- Ajax实现模拟关键字智能匹配搜索效果
- Ajax+Servlet+jsp显示搜索效果
- 09.net网站开发(前端):6.类淘宝组合搜索效果jQuery+Ajax
- asp实现Ajax百度搜索提示的效果
- AJAX的下拉查询,效果跟google的搜索提示类似
- 基于Servlet百度搜索效果的Ajax的实现实例
- 类似百度搜索提示效果(asp.net+JQ+Ajax)