如何将 JQuery 自动完成插件与页面方法一起使用？

Question

我有一个页面网络方法如下：

        [WebMethod]
    public static string[] GetStoreIds(string beginWith)
    {
        var dataSource = new[] { "1", "12", "21", "31", "13", "23" };
        return (from storeId in dataSource
                where storeId.Contains(beginWith)
                select storeId).ToList().ToArray();
    }

Is it possible to use JQuery Autocomplete plugin with this? http://docs.jquery.com/Plugins/autocomplete

我有一个文本框，应充当自动完成 onClientTextChanged 事件。

谢谢，

Answer 1

您必须使用 Ajax 从服务器检索数据

，然后您可以将数据放入例如名为 data 的变量

，然后您以这种方式使用自动完成插件：

 $("#example").autocomplete(data);

这是关于如何使用 ajax 调用 webmethod 的另一个示例

Answer 2

$.ajax({
  url: url,
  dataType: 'json',
  data: data,
    success: function(data){
    $("input").autocomplete({source:data});
    }
});

<input />

使用 json 调用获取然后使用自动完成进行设置，请注意您还需要 jquery UI 包括

Answer 3

如果您使用 jQuery UI，则不需要 Ajax。你可以给它一个 Javascript 数组。使用此文档：http://jqueryui.com/demos/autocomplete/