我们如何使用 asp.net、webservice 和 sql 数据库集成 jQuery 自动完成?

2023-12-05

我正在尝试实现“jQuery Autocomplete 和 ASP.NET”给出的代码, 但无法集成它,因为您正在使用亚音速来查询数据库。

那么你能告诉我如何使用C#查询sql数据库并将查询结果从asp.net中的Web服务绑定到插件吗?


这是一个非常简单的任务,问题是 jQuery 自动完成扩展器需要一个值数组。下面是我如何解析来自 ASMX Web 服务的标准 XML 结果以与 jQuery 自动完成扩展器一起使用的示例。

由于 ASP.NET 喜欢重写您的 ID,因此您可以传入 ClientID 来获取动态 ID。

    $("#<%= TextBox1.ClientID %>").autocomplete("/Demo/WebSvc.asmx/SuggestCustomers", {
        parse: function(data) {
            var parsed = [];

            $(data).find("string").each(function() {
                parsed[parsed.length] = {
                    data: [$(this).text()],
                    value: $(this).text(),
                    result: [$(this).text()]
                };
            });
            return parsed;
        },
        dataType: "xml"
    });

关联的 Web 服务如下所示,请记住取消注释 Web 服务上的 [ScriptService] 属性:

[WebService(Namespace = "http://tempuri.org/")]
[WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)]
[ScriptService]
public class WebSvc: WebService
{
    [WebMethod]
    public string[] SuggestedCustomers(string q)
    {
        // Do Query

        // Add items into string array
        List<string> items = new List<string>();
        while (dr.Read())
        {
            items.Add(dr[0].ToString());
        }

        // Return array
        return items.ToArray();
    }

}
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

我们如何使用 asp.net、webservice 和 sql 数据库集成 jQuery 自动完成? 的相关文章

随机推荐