Javascript jQuery自动完成未显示

我有以下代码：

<div class="input-group">
    <form method="POST" id="id1">
        <input id="id2" type="text" style="min-width: 370px;" class="form-control" placeholder="...">
    </form>
</div>

我甚至用

[“a”，“b”，“c”]

检查它是否正确地打印出值，但它只是不显示在网页中

---

有人知道我是否做错了什么吗？

看起来它无法正确解析您的

请求。由于自动完成本身的选择器错误，
$（“#id1”）。打开（“单击”…
，这是表单（不是输入）

您的输入id是
id2
，所以只要替换它，一切都应该正常。
我得到
对象{term:↵                                ↵                            "}执行此操作时它将不起作用，事件永远不会触发。对于请求项，我将获得
对象{term:“↵                                ↵                            “}
method=“POST”格式并键入：“GET”“在ajax中？这没关系，它既不会被发布也不会被获取，因为将启动它的是事件处理程序。除此之外，它们之间没有任何关系，GET是一个XHR ajax调用，用于获取json。一旦autocomplete填充字段，POST仍然可以使用，POST操作可以对该内容执行其他操作。
   $("#id1").on("click", function(event, ui) {
        if (event.keyCode === $.ui.keyCode.TAB && $(this).autocomplete("instance").menu.active) {
            event.preventDefault();
        }
    }).autocomplete({
        minLength: 0,
        source: function(request, response) {
            $.ajax({
                type: "GET",
                url: "/id1",
                dataType: "json",
                data: {
                    q: request.term
                },
                success: function(data) {
                    console.log(data.Data); // ["a", "b", "c"]
                    response($.ui.autocomplete.filter(data.Data, extractLast(request.term)));
                }
            });
        },
        focus: function() {
            return false;
        }
    });