jQuery UI Autocomplete - get data from txt file

Question

I\'m jQuery beginner trying to make jQuery UI Autocomplete get data from txt file. Txt format is simple:

user1
user2
user3
etc.

Answer 1

From the documentation:

Source
An Array of Strings:
[ "Choice1", "Choice2" ]

An Array of Objects with label and value properties:
[ { label: "Choice1", value: "value1" }, ... ]

You need to amend your text file to be in this format:

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

Then change your jQuery to this:

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

Answer 2

The accepted solution did not work for me. This is how I read a .txt for my jQuery autocomplete input field:

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