jquery - jQuery UI 自动完成 - 从 txt 文件中获取数据

Question

我是 jQuery 初学者，试图让 jQuery UI 自动完成从 txt 文件中获取数据。txt格式很简单：

用户1 用户 2
用户
3
等

代码是：

jQuery.get('users.txt', function(usersGet) {
    $( "#userLogin" ).autocomplete( {
        source: usersGet
    });
});

但不幸的是，这不起作用。你能帮忙吗？谢谢！

Answer 1

接受的解决方案对我不起作用。这就是我.txt为我的 jQuery 自动完成输入字段读取 a 的方式：

$.ajax({
    url: "foo/bar.txt",
    dataType: "text",
    success: function(data) {
        var autoCompleteData = data.split('\n');
        $("#input").autocomplete({
            source: function(request, response) {
                var results = $.ui.autocomplete.filter(autoCompleteData, request.term);
                response(results.slice(0, 10)); // Display the first 10 results
            }
        });
    }
});

Answer 2

从文档中：

Source
一个字符串数组：
[ "Choice1", "Choice2" ]

具有标签和值属性的对象数组：
[ { label: "Choice1", value: "value1" }, ... ]

您需要将文本文件修改为以下格式：

["user1","user2","user3"]

然后将您的 jQuery 更改为：

$( "#userLogin" ).autocomplete({
    source: 'users.txt'
});