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

【问题标题】：jQuery UI Autocomplete - get data from txt filejQuery UI 自动完成 - 从 txt 文件中获取数据
【发布时间】：2012-05-27 19:33:23
【问题描述】：

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

用户1
用户2
用户3
等等

代码是：

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

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

【问题讨论】：

在一些调试器中检查它，例如firebug 你遇到了什么错误？
并检查usersGet是否被填满？
大家好，萤火虫说：CONSOLE -> GET users.txt（响应）：user1 user2 user3。在列中显示。所以，我正在获取用户列表，但不知何故没有出现自动完成工具提示。

标签： jquery user-interface autocomplete

【解决方案1】：

来自文档：

来源
字符串数组：
[“选择1”，“选择2”]

具有标签和值属性的对象数组：
[ { 标签：“Choice1”，值：“value1”}，...]

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

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

然后将您的 jQuery 更改为：

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

【讨论】：

现在好了。我只是加入了 jQ js 文件的问题！
您好，自动完成气泡出现了，但是当我在输入中输入内容时，工具提示显示列表中的所有条目，即使那不是数学...例如。我可以输入：“aaaazzzz”并且仍然有自动完成气泡（在列表中没有这样的字符串）...... users.txt 中有超过 1600 个用户/元素 - 但即使我将列表减少到 5 个条目也会出现问题。我的剧本就像 Rory 写的那样。
@rw79 您可能最好针对该问题开始一个新问题。
stackoverflow.com/questions/10685975/…

【解决方案2】：

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

$.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
            }
        });
    }
});

【讨论】：