JQuery 自动完成 IE8（Web 服务 ASMX））答案

【问题标题】：JQuery Autocomplete IE8 (Web Service ASMX))JQuery 自动完成 IE8（Web 服务 ASMX））
【发布时间】：2015-12-18 06:34:19
【问题描述】：

请帮忙！

我正在尝试使用 Web 服务 (ASMX) 文件。当我查看并查询它时，页面会返回我想要的内容。所以那个页面看起来不错。

问题是我正在尝试向我的 ASP.NET 应用程序中的文本框添加自动完成功能，但它似乎没有做任何事情！我在我的 Site.master 文件中包含了所有相关的 JQuery 文件（jquery-ui.js、jquery-ui-css、query-1-11.2.min.js）。

在我的页面中，我包含了用于自动完成的 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>

【问题讨论】：

标签： javascript jquery asp.net web-services internet-explorer-8

【解决方案1】：

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

【讨论】：

【解决方案2】：

将 ClientIDMode="Static" 添加到您的 TextBox 控件

<asp:TextBox ClientIDMode="Static" ID="txtAutoFill" runat="server" CssClass="form-control"></asp:TextBox>

【讨论】：