.NetCore 2 MVC 上的 JQuery 自动完成

Question

我正在开发一个自动完成功能，它在我的家庭控制器上调用一个方法，javascript 调用该方法并返回数组。但是，这些值不会显示在文本框下拉列表中，什么也不会。

如果我使用直接数组作为源并且不调用主控制器，那么它就可以正常工作。

我没有看到我在这里缺少什么，所以我缩小了家庭控制器方法的范围，只是为了返回一个不使用逻辑的数组，直到我解决了这个问题。

家庭控制器方法：

public string[] GetPatientName()
{
      var names = new List<string> { "Bent","Boon","Book", "Al", "Cat", "Doe", "Ed", "Fox", "George" };

      return names.ToArray();
}

Javascript：

<script language="javascript" type="text/javascript">
    $(function() {
        $('#tags').autocomplete({
            source: function(request, response) {
                $.ajax({
                    url: "/Home/GetPatientName",
                    data: "{ 'pre':'" + request.term + "'}",
                    dataType: "json",
                    type: "POST",
                    contentType: "application/json; charset=utf-8",
                    success: function(data) {
                    response($.map(data.d,
                        function (item) {
                            alert(item);
                            return { value: item }
                        }));
                    },
                    error: function(XMLHttpRequest, textStatus, errorThrown) {
                        alert(textStatus);
                    }
                });
            },
            delay: 0
        });
    });
</script>

HTML

<form>
    <input id="tags" type="text" />
</form>

Answer 1

2 件事：
1.在我看来，如果它与常规数组一起使用并且不能与 jQuery map 函数的结果一起使用，您可能需要添加 .get() 以获得一个干净的数组。准确的说

$.map(data.d,function (item) {
                              alert(item);
                               return { value: item }
                             }).get();

2。如果这不起作用，您真的必须共享更多数据，例如什么是“响应”功能以及您从服务器获得的确切响应（您可以从网络浏览器的开发工具中获得）