服务器之家

服务器之家 > 正文

Ajax+asp.net智能匹配检索(含图含完整代码)

时间:2019-10-06 11:14     来源/作者:cnblogs

如图: 

Ajax+asp.net智能匹配检索(含图含完整代码)

Ajax+asp.net智能匹配检索(含图含完整代码)


本技术的核心是通过ASP.NET Ajax Control Toolkit中的AutoCompleteExtender控件实现。 
AutoCompleteExtender控件实现自动输入建议的功能,通过调用WebService或本页面对应的方法名来获取提示数据,供用户达到自动选择的功能。 

实现过程: 
1.首先建立数据大家随便啊,然后建立个简单的表。 

Ajax+asp.net智能匹配检索(含图含完整代码)

Ajax+asp.net智能匹配检索(含图含完整代码)
2.新建1个Ajax网站,名字自己随便起哈,在建一个主页面Default.aspx. 
3.在Default.aspx中添加1个ScriptManager控件、1个AutoCompleteExtender控件和1个TextBox控件,配置如下: 

复制代码代码如下:


<asp:ScriptManager ID="ScriptManager1" runat="server" /> 
<cc1:AutoCompleteExtender ID="AutoCompleteExtender1" runat="server" TargetControlID="TextBox1" 
ServicePath="KeyFind.asmx" CompletionSetCount="10" MinimumPrefixLength="1" ServiceMethod="GetCompleteDepart"> 
</cc1:AutoCompleteExtender> 
<asp:TextBox ID="TextBox1" runat="server" Width="352px" Height="27px"></asp:TextBox> 


4.创建1个Web服务,将其命名为KeyFind.asmx,该服务主要完成智能检索功能。 
5.在KeyFind.asmx Web服务的KeyFind.cs文件下加入如下代码: 

复制代码代码如下:


using System; 
using System.Web; 
using System.Collections; 
using System.Web.Services; 
using System.Web.Services.Protocols; 
//引入空间 
using System.Data; 
using System.Data.OleDb; 
using System.Configuration; 
/// <summary> 
/// KeyFind 的摘要说明 
/// </summary> 
[WebService(Namespace = "http://tempuri.org/")] 
[WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)] 
//添加服务脚本(必须添,否则程序不能正常运行) 
[System.Web.Script.Services.ScriptService] 
public class KeyFind : System.Web.Services.WebService 

public KeyFind() 

//如果使用设计的组件,请取消注释以下行 
//InitializeComponent(); 

//定义数组保存获取的内容 
private string[] autoCompleteWordList = null; 
//两个参数“prefixText”表示用户输入的前缀,count表示返回的个数 
[WebMethod] 
public String[] GetCompleteDepart(string prefixText, int count) 

///检测参数是否为空 
if (string.IsNullOrEmpty(prefixText) == true || count <= 0) return null; 
// 如果数组为空 
if (autoCompleteWordList == null) 

//读取数据库的内容 
OleDbConnection conn = new OleDbConnection(@"Provider=Microsoft.Jet.OLEDB.4.0;Data Source=" + Server.MapPath("Ex18_02.mdb")); 
conn.Open(); 
OleDbDataAdapter da = new OleDbDataAdapter("select keyName from keyInfo where keyName like'" + prefixText + "%' order by keyName", 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["keyName"].ToString(); 
i++; 

Array.Sort(temp, new CaseInsensitiveComparer()); 
//将临时数组的内容赋给返回数组 
autoCompleteWordList = temp; 
if (conn.State == ConnectionState.Open) 
conn.Close(); 

//定位二叉树搜索的起点 
int index = Array.BinarySearch(autoCompleteWordList, prefixText, new CaseInsensitiveComparer()); 
if (index < 0) 
{ //修正起点 
index = ~index; 

//搜索符合条件的数据 
int matchCount = 0; 
for (matchCount = 0; matchCount < count && matchCount + index < autoCompleteWordList.Length; matchCount++) 
{ ///查看开头字符串相同的项 
if (autoCompleteWordList[index + matchCount].StartsWith(prefixText, StringComparison.CurrentCultureIgnoreCase) == false) 

break; 


//处理搜索结果 
string[] matchResultList = new string[matchCount]; 
if (matchCount > 0) 
{ //复制搜索结果 
Array.Copy(autoCompleteWordList, index, matchResultList, 0, matchCount); 

return matchResultList; 


完! 
简单明了!

 

相关文章

热门资讯

玄元剑仙肉身有什么用 玄元剑仙肉身境界等级划分
玄元剑仙肉身有什么用 玄元剑仙肉身境界等级划分 2019-06-21
华为nova5pro和p30pro哪个好 华为nova5pro和华为p30pro对比详情
华为nova5pro和p30pro哪个好 华为nova5pro和华为p30pro对比详情 2019-06-22
男生常说24816是什么意思?女生说13579是什么意思?
男生常说24816是什么意思?女生说13579是什么意思? 2019-09-17
抖音撒撒累累是什么歌 撒撒累累张艺兴歌曲名字
抖音撒撒累累是什么歌 撒撒累累张艺兴歌曲名字 2019-06-05
超A是什么意思 你好a表达的是什么
超A是什么意思 你好a表达的是什么 2019-06-06
返回顶部