将ASP.NET Web服务结果传递给jQuery AutoSuggest插件

时间:2010-12-19 05:01:05

标签: jquery web-services json autosuggest

我有一个ASP.NET Web服务,它以JSON格式返回用户的好友列表,以便它可以填充AutoSuggest插件数据源。我正在使用ASP.NET 4.0和jQuery 1.4.4缩小。当我尝试调用autoSuggest方法时,以下代码似乎不起作用。它将startText值应用于我的文本框,但它不会填充数据源。

$(document).ready(function () {
        $("input[type=text]").autoSuggest("GetFriends.asmx/GetFriendsList", { minChars: 2, matchCase: false, startText: "Search Username" });
    });  

这是我的文本框控件:

<asp:TextBox ID="tbSearch" runat="server"></asp:TextBox>

以下是我的网络服务的相关部分:

[WebMethod]
public string GetFriendsList()
{
    DataTable dt = GetFriends();
    List<Friend> friends = new List<Friend>();
    string[] items = new string[dt.Rows.Count];

    for (int i=0; i< dt.Rows.Count; i++)
    {
        DataRow dr = dt.Rows[i];
        Friend friend = new Friend();
        friend.value= dr["UserId"].ToString();
        friend.name= dr["UserName"].ToString();
        friends.Add(friend);
    }
    return JsonConvert.SerializeObject(friends, Formatting.Indented);
}

有关如何从我的Web服务填充AutoSuggest插件的数据源的任何建议? 这是开发者页面的链接:http://code.drewwilson.com/entry/autosuggest-jquery-plugin

1 个答案:

答案 0 :(得分:0)

在做了一些研究之后,我发现ASP .NET WebServices没有先用XML封装就不返回数据。我决定使用通用处理程序并使用处理程序呈现JSON。我使用现有代码对JSON进行编码,然后像这样呈现JSON:

    string str = Newtonsoft.Json.JsonConvert.SerializeObject(data, Newtonsoft.Json.Formatting.Indented);
    context.Response.ContentType = "application/json";
    context.Response.Write(str);

我将上面的代码放在我的处理程序的ProcessRequest方法中,现在一切正常。可能还有其他方法可以呈现JSON,但这个方法暂时可用。