jquery 自动完成按键数据库

Question

我正在尝试使用 jquery 自动完成插件，我希望它建议 ItemCodes 作为用户类型...

问题是它没有显示自动完成框/框架/....

为了确保 webmethod 在每个 keyup 事件上返回数据，我将数据分配给 div 元素，并且它按预期工作。

<script language="javascript" type="text/javascript">
    $(document).ready(function() {
        var strItmCodes;

        $("#txtItmCode").keyup(function() {
            var search;
            search = $("#txtItmCode").val();

            if (search.length > 0) {
                $.ajax({
                    type: "POST",
                    url: "Journal.aspx/loadData",
                    contentType: "application/json; charset=utf-8",
                    data: "{'Like':'" + $('#txtItmCode').val() + "'}",
                    dataType: "json",
                    success: function(retval) {
                        strItmCodes = retval.d.split("|");

                        $("#txtItmCode").autocomplete(strItmCodes);
                        $("#suggest").html(retval.d); //elemet 'suggest' is a div
                    }
                });
            }
        });
    });
</script>

已修改

<script language="javascript" type="text/javascript">
    $(document).ready(function() {
        //$("#txtItmCode").autocomplete({url: "Journal.aspx/loadData" });

        $("#txtItmCode").keyup(function() {
            $("#txtItmCode").autocomplete({url: "Journal.aspx/loadData" });
        });
    });
</script>

Answer 1

我认为您应该在第一次按键之前启用自动完成插件，然后插件将添加事件处理程序。

假设您使用原始的autocomplete插件:

$("#txtItmCode").autocomplete({url: "Journal.aspx/loadData"});

并确保您的服务可以回复插件格式化的 GET 请求。