jquery.autocomplete自动补全功能

//SupplierAutoComplete.js
$().ready(function () {
    $("#txtSupplier").autocomplete("ajax?name=GetSupplierList", {
        minChars: 1, //在触发autoComplete前用户至少需要输入的字符数.Default: 1，如果设为0，在输入框内双击或者删除输入框内内容时显示列表
        max: 10, //autoComplete下拉显示项目的个数.Default: 10
        extraParams: { keyword: function () { return $(‘#txtSupplier‘).val(); } }, //为后台(一般是服务端的脚本)提供更多的参数.和通常的作法一样是使用一个键值对对象.如果传过去的值是{ bar:4 },将会被autocompleter解析成my_autocomplete_backend.aspx?q=foo&bar=4 (假设当前用户输入了foo). Default: {}
        dataType: "json", //返回类型
        autoFill: false, //要不要在用户选择时自动将用户当前鼠标所在的值填入到input框. Default: false
        parse: function (data) {
            return $.map(data, function (row) {
                return {
                    data: row,
                    value: row.Id,    //此处无需把全部列列出来，只是两个关键列
                    result: row.Name
                }
            });
        },
        formatItem: function (row, i, max) {
            //为每个要显示的项目使用高级标签.即对结果中的每一行都会调用这个函数,返回值将用LI元素包含显示在下拉列表中. Autocompleter会提供三个参数(row, i, max): 返回的结果数组, 当前处理的行数(即第几个项目,是从1开始的自然数), 当前结果数组元素的个数即项目的个数. Default: none, 表示不指定自定义的处理函数,这样下拉列表中的每一行只包含一个值
            return row.Name + "\" [" + row.Code + "]";
        }
    }).result(function (event, data, formatted) { //回调
        //$("#Text1").html(data.Name);   //不知为何自动返回值后总是加了个“,”,所以改成后赋值
        $("#hfSupplierId").val(data.Id);
    });
});

  <system.webServer>
    <handlers>
      <add name="rightHandler" verb="GET,POST" path="menujson" type="WebUI.Admin.menujson, WebUI.Admin" />
      <add name="ajaxHandler" verb="*" path="ajax" type="WebUI.ERP.AjaxHandler, WebUI.ERP" />
　　　　 <!--自动补全web.config配置" />-->
      <add name="ChartImageHandler" preCondition="integratedMode" verb="GET,HEAD,POST" path="ChartImg.axd" type="System.Web.UI.DataVisualization.Charting.ChartHttpHandler, System.Web.DataVisualization, Version=4.0.0.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35" />
      <add name="ReportViewerWebControlHandler" preCondition="integratedMode" verb="*" path="Reserved.ReportViewerWebControl.axd" type="Microsoft.Reporting.WebForms.HttpHandler, Microsoft.ReportViewer.WebForms, Version=11.0.0.0, Culture=neutral, PublicKeyToken=89845dcd8080cc91" />
    </handlers>
    <validation validateIntegratedModeConfiguration="false" />
    <defaultDocument>
      <files>
        <clear />
        <add value="default.aspx" />
        <add value="Default.htm" />
        <add value="Default.asp" />
        <add value="index.htm" />
        <add value="index.html" />
        <add value="iisstart.htm" />
      </files>
    </defaultDocument>
  </system.webServer>

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using BLL.ERP;
using System.Web.Script.Serialization;
using BLL.ERP.Product;
using Entity.ERP.Product;
using DAL.Base;

namespace WebUI.ERP
{
    public class AjaxHandler : IHttpHandler
    {
        public void ProcessRequest(HttpContext context)
        {
            string strMethodName = context.Request["name"];

            switch (strMethodName)
            {
                case "GetSupplierList": 
                    GetSupplierList(); 
                    break;
                case "GetProductList":
                    GetProductList(); 
                    break;
                case "GetProductInfo": 
                    GetProductInfo(); 
                    break;
            }
        }

        public bool IsReusable
        {
            get { return true; }
        }

        private void GetSupplierList()
        {
            HttpRequest request = HttpContext.Current.Request;
            HttpResponse response = HttpContext.Current.Response;
            string keyword = HttpContext.Current.Server.UrlDecode(request["q"]).Trim();

            if (!string.IsNullOrEmpty(keyword))
            {
                var list = CacheERP.listSupplierBase.Where(p => p.Status == 2).Where(p => p.Name.ToLower().Contains(keyword) ||
                    p.Code.StartsWith(keyword) || p.PinyinCode.StartsWith(keyword)).OrderBy(p => p.Code)
                    .Select(p => new { Name = p.Name, Id = p.Id.ToString(), Code = p.Code }).Take(20).ToList();

                if (list.Count > 0)
                {
                    response.Write(new JavaScriptSerializer().Serialize(list));
                }
            }
        }

        private void GetProductList()
        {
            HttpRequest request = HttpContext.Current.Request;
            HttpResponse response = HttpContext.Current.Response;
            string keyword = HttpContext.Current.Server.UrlDecode(request["keyword"]).Trim();

            if (!string.IsNullOrEmpty(keyword))
            {
                var list = new ProductBaseBLL().GetList(string.Format("(ProductCode like ‘{0}%‘ or ProductName like ‘%{0}%‘) and ProductCode in (select ProductCode from Goods where IsGroup=0 and BookStock-ReserveStock>0)", keyword), 10, 1, null, "ProductCode")
                    .Select(p => new ProductInfo() { ProductCode = p.ProductCode.ToString(), ProductName = p.ProductName }).ToList();

                if (list.Count > 0)
                {
                    response.Write(new JavaScriptSerializer().Serialize(list));
                }
            }
        }

        [Serializable]
        private class ProductInfo
        {
            public string ProductCode { get; set; }
            public string ProductName { get; set; }
        }

        private void GetProductInfo()
        {
            string strProductCode = HttpContext.Current.Request["code"];

            ViewDrugBusiness lViewDrugBusiness = new BaseDAL<ViewDrugBusiness>().GetModel(string.Format("ProductCode={0}", strProductCode));

            if (lViewDrugBusiness != null)
            {
                HttpContext.Current.Response.Write(new JavaScriptSerializer().Serialize(lViewDrugBusiness));
            }
        }
    }
}