ASP.net+AJAX智能匹配檢索(自動完成)

文章目錄

• 執行個體說明
• 技術要點
• 實現過程

執行個體說明

使用Google搜尋引擎，使用者只要輸入部分關鍵字，就能夠顯示相關搜尋提示資訊列表。那麼在這裡我們通過ASP.NET來實現這樣的功能，程式運行結果18.2所示。

 

圖18.2  智能匹配檢索

技術要點

本執行個體的核心技術是通過ASP.NET AJAX Control Toolkit中的AutoCompleteExtender控制項實現。

AutoCompleteExtender控制項實現自動輸入建議的功能，通過調用WebService或本頁面對應的方法名來擷取提示資料，供使用者能達到自動選擇的功能。AutoCompleteExtender控制項的主要屬性及說明如表18.2所示。

表18.2  AutoCompleteExtender控制項的主要屬性及說明

屬性	說明
TargetControlID	指定將被輔助完成自動輸入的控制項ID，這裡的控制項只能是TextBox
ServicePath	指出提供服務的WEB服務路徑，若不指出則ServiceMethod表示本頁面對應的方法名
ServiceMethod	指出提供服務的方法名，例如public string[] Method(string prefixText, int count)，其中參數prefixText是使用者輸入的關鍵字；參數count是所需要擷取提示資料的數量；兩個參數都會自動傳給WebService的ServiceMethod方法），傳回值是使用者所獲得提示資料的來源數組。
MinimumPrefixLength	指出開始提供提示服務時，TextBox控制項應有的最小字元數，預設值為3
CompletionInterval	從伺服器讀取資料的時間間隔，預設為1000，單位：毫秒。
EnableCaching	是否在用戶端快取資料，預設為true
CompletionSetCount	顯示的條數，預設值為10

 

實現過程

（1）建立一個AJAX網站，將其命名為Ex08_02，預設首頁為Default.aspx。

（2）在Default.aspx頁中主要添加一個ScriptManager控制項、一個AutoCompleteExtender控制項和一個TextBox控制項，其中ScriptManager控制項主要用於管理Web頁面中的AJAX控制項，AutoCompleteExtender控制項實現自動完成功能，TextBox控制項接收輸入檢索關鍵字。

（3）建立一個Web服務，將其命名為KeyFind.asmx，該服務主要完成智能檢索功能。

（4）在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;

    }

}

（5）回到Default.aspx頁的源視圖，設定其AutoCompleteExtender控制項屬性值，代碼如下：

<cc1:AutoCompleteExtender ID="AutoCompleteExtender1" runat="server" TargetControlID="TextBox1"

                ServicePath="KeyFind.asmx" CompletionSetCount="10" MinimumPrefixLength="1" ServiceMethod="GetCompleteDepart">

            </cc1:AutoCompleteExtender>