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.

Code is:

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

But unfortunately that does not work. Can you please help? Thanks!

check it in some debugger e.g. firebug what errors you are encountering? — Rafay
– Rafay, Commented May 21, 2012 at 9:47
Hi Guys, firebug says: CONSOLE -> GET users.txt (Response): user1 user2 user3. Displayed in column. So, I'm fetching user list, but somehow autocomplete tooltip does not appear. — rw79
– rw79, Commented May 21, 2012 at 9:55

Caner · Accepted Answer · 2017-02-21 22:40:16Z

4

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

answered Feb 21, 2017 at 22:40

Caner

59.7k37 gold badges184 silver badges185 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Rory McCrossan · Accepted Answer · 2012-05-21 09:51:07Z

3

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'
});

answered May 21, 2012 at 9:51

Rory McCrossan

338k41 gold badges322 silver badges353 bronze badges

4 Comments

rw79 Over a year ago

It's OK now. I just poorly joined jQ js file!

rw79 Over a year ago

Hi once again, autocomplete bubble is showing up, but when I type something in input, tooltip is showing ALL entrys from list, even that not mathing... for ex. I can type: "aaaazzzz" and still have autocomplete bubble (in list there is NO such string)... There is more than 1600 users/elements in users.txt - but problem occurs even when I reduced list to 5 entrys. My script is like Rory wrote.

Rory McCrossan Over a year ago

@rw79 you're probably best starting a new question for that problem.

rw79 Over a year ago

stackoverflow.com/questions/10685975/…

Collectives™ on Stack Overflow

jQuery UI Autocomplete - get data from txt file

2 Answers 2

Comments

4 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

4 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related