类似百度、谷歌的搜索提示效果

好久都没有上来了！不多说，切入正题。实现这一效果用到了AJAX，当然我还没有到自己完全手写JS代码的程度，只是在微软官方下载了一个扩展控件包AjaxControlToolkit具体怎么用这个，我就不再多说，网上示例多的是，多多百度下就能找到，我们新建一个Ajax Control Toolkit web size模板页面在

default.aspx这个页面环境会自动给你添加一个ScriptManager控件，然后我们再拖入一个TextBox跟一个AutoCompleteExtender，这个页面就这样了，我们先不管他，也不要运行它，因为还没设置好，运行了也会报错。然后我们新建一个类文件名字就自己定义啦，代码如下

接着就是新建一个WebService文件，直接进入代码页面添加以下代码：

    #region 获取TextBox中输入的值
    [WebMethod]
    public string[] GetName(string prefixText, int count)
    {
        if (count == 0)
            count = 10;
        List<string> list = 这里是你的类名.GetTextName(prefixText, count);
        return list.ToArray();
    }
    #endregion

好了，现在回到default.aspx页面，查看下AutoCompleteExtender的属性，里面有个TargetControlID属性我们把它指向TextBox1，好了，然后在查看textbox的属性，会发现他里面扩展出一个AutoCompleteExtender1的属性项，我们展开它其他的不用管他注意看：TagetControlID是指需要控制的目标控件ID;CompletionSetCount提示的条数；MinimumPrefixLength从第几位开始提示；ServicePath webService的目录；ServiceMethod是指要调用改webService中方法的方法名。大致就是这样了1上面的数据库就是存储那些你要查询的信息做到这里，你就运行下程序。

    public static List<string> GetTextName(string prefixText, int count)
    {
          using (SqlConnection Conn = new SqlConnection("SERVER=CCLOVEZM-PC\\SQLEXPRESS;DATABASE=CESHI;UID=SA;PWD=123"))
        {
            Conn.Open();
            string SQL = string.Format("select top {0} UserName from UserInfo where UserName like '%{1}%'", count, prefixText);
            List<string> list = new List<string>(count);
            DataSet ds = new DataSet();
            SqlDataAdapter da = new SqlDataAdapter(SQL,Conn);
            da.Fill(ds);
            DataTable dt = ds.Tables[0];
            foreach (DataRow dr in dt.Rows)
            {
                list.Add(dr["UserName"].ToString());
            }
            return list;
        }
    }