javascript - JQuery 自动完成 IE8(Web 服务 ASMX))

Question

请帮忙!

我正在尝试使用 Web 服务 (ASMX) 文件。当我查看并查询它时，页面返回的正是我想要的。所以该页面似乎没问题。

问题是我正在尝试向 ASP.NET 应用程序中的文本框添加自动完成功能，但它似乎没有执行任何操作!我已将所有相关的 JQuery 文件(jquery-ui.js、jquery-ui-css、query-1-11.2.min.js)包含在我的 Site.master 文件中。

在我的页面中，我包含了 Javascript 来执行自动完成操作。

有人能指出我正确的方向吗？我还在使用 IE8...

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
<script type="text/javascript">
    $(document).ready(function () {
        $('#txtAutoFill').autocomplete({
            minLength: 2,
            source: function (request, response) {
                $.ajax({
                    url: 'UserList.asmx/GetAutoCompleteData',
                    method: 'post',
                    contentType: 'application/json;charset=utf-8',
                    //data: JSON.stringify({ username: request.username }),
                    data: request.username,
                    dataType: "json",
                    success: function (data) {
                        response(data.d);
                    },
                    error: function (XMLHttpRequest, textStatus, errorThrown) {
                        alert(textStatus);
                    }
                });
            }
        });
    });
</script>

<asp:Content ID="Content2" ContentPlaceHolderID="mainContentPH" runat="server">
    <h1 id="h01"></h1>
    <asp:TextBox ID="txtAutoFill" runat="server" CssClass="form-control"></asp:TextBox>

</asp:Content>

Answer 1

有一件事需要检查。即使您的文本框 ID 在服务器端是“txtAutoFill”，但在生成实际页面时它可能会包含容器 ID(即 Content2_txtAutoFill)。如果是这种情况，请在浏览器中查看页面源代码并在 javascript 中更改您的 ID 以与之匹配。另请参阅Understanding and implementing jQuery autocomplete with AJAX source and appendTo