关于autocomplete的使用注意

前台 页面中需要导入 一下文件。    

<script src="../js/jquery-1.4.2.min.js" type="text/javascript"></script>    

    <script src="../text/jquery.autocomplete.js" type="text/javascript"></script>
    <link href="../text/jquery.autocomplete.css" rel="stylesheet" type="text/css" />    
     <script type="text/javascript">


         $(function () { 


             //② ajax获取后台数据
             $.ajax({
                 contentType: "application/json",
                 url: "../tools/autocomplete.ashx?z=Math.random()",
                 dataType: "json",
                 async: false,
                 success: function (msg) {


                     $("#serverdw").autocomplete(msg, {
                         minChars: 2,
                         width: 310,
                         matchContains: true,
                         autoFill: false,
                         formatItem: function (row, i, max) {
                             return i + row;
                         },
                         formatResult: function (row) {
                             return row;
                         }
                     });
                 }
             });


         }); 

            </script>   

注意：jquery版本 为 1.4.2 版本太高不兼容 (目前测试)

后台读取数据 代码如下

    public void ProcessRequest (HttpContext context) {
        context.Response.ContentType = "text/plain";
        System.Web.Script.Serialization.JavaScriptSerializer jss = new System.Web.Script.Serialization.JavaScriptSerializer();
        DataSet ds = new DataSet();
        DataTable dt = new DataTable();


        string PopeID = Utils.GetPopeIDByMoudle("业务列表");//context.Session["U1"].ToString()
        string AllDept = Utils.GetAllDept(Utils.GetUserIDByUserLoginName("lu"), PopeID);
        string TempSql = Utils.GetUserIDByUserLoginName("lu");
        System.Data.SqlClient.SqlParameter[] para = {
                                             SqlHelper.MakeInParam("@UserId",SqlDbType.Int,0,Convert.ToInt32(TempSql)),
                                     SqlHelper.MakeInParam("@Ssbs",SqlDbType.VarChar,0,AllDept),
                                     SqlHelper.MakeInParam("@Qymc",SqlDbType.VarChar,50,"万豪")             
                                                    };
        ds = SqlHelper.ExecuteDataset(SqlHelper.ConnectionString, CommandType.StoredProcedure, "P_New_gyMainAuto", para);
        dt = ds.Tables[0];
        //List<Qyjbxx> list = new List<Qyjbxx>();


        string[] ar = new string[dt.Rows.Count];
        for (int i = 0; i < ds.Tables[0].Rows.Count; i++)
        {
            ar[i] = ds.Tables[0].Rows[i]["qymc"].ToString();
        }
        context.Response.Write(jss.Serialize(ar));
    }
 以上 经过测试 供学习参考

有例子