c# - jquery 自动完成不选取动态数据

Question

我正在使用以下代码，它总是获取 availableTags 中定义的硬编码数据。如果我从 C# WebApi 动态加载数据，它仍然会获取旧数据，即 ActionScript 和 AppleScript。

正如您所看到的，我正在打印之前和之后的值，并且它们都工作正常，即，正如我所看到的，它将新数据分配给 availableTags 但自动完成功能仍然适用于旧数据。我可以在 availableTags 中定义的项目数量有限制吗？因为它动态地从我的代码中获取 504 个项目，所以这可能就是问题所在？

我做错了什么？

<input id="tags">

<script>
var availableTags =
[
    "ActionScript",
    "AppleScript"
];

$("#tags").autocomplete
({
    source: availableTags
});

$.getJSON("MyController/GetAllTags")
    .done(function (data)
    {
        alert("Before="+ availableTags);
        availableTags = data;
        alert("After="+ availableTags);
    });
</script>

Answer 1

试试这个

<input id="tags">

<script>
var availableTags =
[
    "ActionScript",
    "AppleScript"
];

$("#tags").autocomplete
({
    source: availableTags
});

$.getJSON("MyController/GetAllTags")
    .done(function (data)
    {
        $("#tag").autocomplete('option', 'source', data)
    });
</script>

编辑 1:更新代码