jquery.autocomplete调用asp.net的WebService完美实现类似于淘宝自动完成的效果

在实际使用中，感觉淘宝搜索的自动完成功能做的很人性化，有内容提示还有记录显示。如下图：WebService代码

using System;
using System.Web;
using System.Collections;
using System.Collections.Generic;
using System.Web.Services;
using System.Web.Services.Protocols;

using System.Data;
using TestBLL;
using TestModel;
using Jayrock.Json.Conversion;
using System.Text;
/// <summary>
/// WebService 的摘要说明
/// </summary>
[WebService(Namespace = "http://tempuri.org/")]
[WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)]
[System.Web.Script.Services.ScriptService]
public class WebService : System.Web.Services.WebService
{

public WebService()
{

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

[WebMethod]
public string HelloWorld(string q)
{
string str = "";
DataTable table = new CommonBLL().ExecuteDataSet("select UserName,CONVERT(varchar(12),Birthday,111) Birthday from [User] where UserName like '%" + q + "%'").Tables[0];
Jayrock.Json.JsonArray jsonList = new Jayrock.Json.JsonArray();
Jayrock.Json.JsonObject json;
foreach (DataRow row in table.Rows)
{
json = new Jayrock.Json.JsonObject();
json.Accumulate("uname", row["UserName"]);
json.Accumulate("day", row["Birthday"]);
jsonList.Add(json);
}
str = jsonList.ToString();
return str;
}

}

注意：切忌要在配置文件中 <system.web>节点下加入如下配置,否则会报因URL意外地以”/…”结束的错误

<system.web>　　<webServices>
　　<protocols>
　　<add name="HttpPost"/>
<add name="HttpGet"/>
</protocols>   </webServices></system.web>

如果此篇文章对你有帮助，麻烦您请顶下。您的支持就是我最大的动力！！