jQueryUI 使用 $.ajax 自动完成来自文本/csv 文件的数据

Question

我一直在尝试修改 http://jqueryui.com/autocomplete/#maxheight 中的示例，以使用来自本地存储的文本/csv 文件的输入，如下所示

ItemA
ItemB
ItemC
....

我能够从文本文件中的数据创建一个数组并将其打印到 console.log() 但我不确定如何将此数组移交给自动完成功能。我尝试在函数外部初始化数组 a，但是在自动完成中使用它时，它将使用未填充的数组 a。

</style>
<script type="text/javascript" language="javascript">


$(document).ready(function() {
  $.ajax({
    type: "GET",
    url: "john.txt",
    dataType: "text",
    success: function(data) {processData(data);}
 });
});

var a = [];
function processData(myTxt) {
    var myLines = myTxt.split(/\r\n|\n/);
    for (var i=1; i<myLines.length; i++) {
          a.push(myLines[i]);
        }
        console.log(a);
}


$( "#tags" ).autocomplete({
    source: a
});
</script>

如何正确地将数组传递给自动完成？

Answer 1

我认为您正在尝试在 AJAX 查询完成之前添加自动完成源。

查询在$(document).ready() 上完成，但自动完成源设置在它之前。所以 a 仍然是空的。

试试这个：

var a = [];
function processData(myTxt) {
    var myLines = myTxt.split(/\r\n|\n/);
    for (var i=1; i<myLines.length; i++) {
          a.push(myLines[i]);
        }
        console.log(a);
        $( "#tags" ).autocomplete({
            source: a
        });
}