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

时间:2012-05-21 09:43:46

标签: jquery user-interface autocomplete

我是jQuery初学者试图让jQuery UI Autocomplete从txt文件中获取数据。 Txt格式很简单:

  

USER1
  用户2
  用户3
  等

代码是:

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

但不幸的是,这不起作用。你能帮忙吗?谢谢!

2 个答案:

答案 0 :(得分:3)

来自文档:

  

<强>来源
  一串字符串:
  [“Choice1”,“Choice2”]

     

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

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

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

然后将您的jQuery更改为:

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

答案 1 :(得分: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
            }
        });
    }
});