jQuery UI自动完成示例

时间:2010-05-26 23:14:01

标签: asp.net jquery

我希望有人可以帮助解决这个问题,我真的很难让jQueryUI的自动完成功能在asp.net应用程序(而不是MVC)中使用ajax。我可以让它来进行ajax调用,但我没有做正确处理响应的事情。

对于初学者我正试图让自动完成对'GetSuggestions.aspx'进行ajax调用,这将返回一个硬编码字符串。我有它可以调用GetSuggestions.aspx的地方,但我不能让它返回任何页面。 (我的下一步是让'GetSuggestions.asxp'返回一个名称/值对列表,但接下来我将解决这个问题。)

我正在使用此处的示例: http://jqueryui.com/demos/autocomplete/#remote 使用'source:“GetSuggestions.aspx”(而不是“search.php”)

4 个答案:

答案 0 :(得分:3)

我正在寻找类似的东西,这个例子可以帮助TextBox AutoComplete with ASP.NET and jQuery UI

答案 1 :(得分:1)

我编写了一个包装JQuery UI自动完成小部件的Asp.Net WebControl。 您可以在以下地址找到它以及文档:

http://autocompletedotnet.codeplex.com/

希望它可以提供帮助

答案 2 :(得分:0)

1.在GetSuggestions.asmx(webservice)中编写逻辑,而不是GetSuggestions.aspx 2.在GetSuggestions.asmx中创建方法public static return_type functionname(arglist){} 3.在您的代码中注意您的Web服务。

<script type="text/javascript">
$(function() {
    function log(message) {
        $("<div/>").text(message).prependTo("#log");
        $("#log").attr("scrollTop", 0);
    }

    $("#birds").autocomplete({
        source: "GetSuggestions.asmx",
        minLength: 2,
        select: function(event, ui) {
            log(ui.item ? ("Selected: " + ui.item.value + " aka " + ui.item.id) : "Nothing selected, input was " + this.value);
        }
    });
});
</script>

如果您的Web服务位于根目录中。

或者您可以使用ajax控件工具包(如果您愿意)。 感谢。

答案 3 :(得分:0)

从Aspx页面返回XML(不确定JSON)的一个常见问题是第一个输入(NewLine)作为第一个字符,如果你不把XML的第一行放在同一个页面指​​令。

错误的方式:

<%@ Page Language="VB" ... %>
<?xml version="1.0"?>
<MOResponse>
    <Id_Banco>MyBank</Id_Banco>
    <Id_Status>1</Id_Status>
    <Status>Success</Status>
</MOResponse>

正确的方式:

<%@ Page Language="VB" ... %><?xml version="1.0"?>
<MOResponse>
    <Id_Banco>MyBank</Id_Banco>
    <Id_Status>1</Id_Status>
    <Status>Success</Status>
</MOResponse>