jquery autocomplete simple json array not filtered

Question

Doing jquery autocomplete in the most simple manner, but the results don't get filtered.

html :

<li>
  <div id="vo">
  <input type="text" name="motcle" class="autoMotsCle" value="">
  </div>
</li>

jquery :

$(".autoMotsCle").autocomplete({
source: "motsclef.json"
});

motsclef.json is formated like this :

[
"Arras",
"Bourgogne",
"Brouille",
"Bruges",
"Bruxelles",
"évêque",
"œuvres de loi"
]

Firefox Inspector shows that the term that is sent to the json file is correct : motsclef.json?term=tes

params term = tes but response is the entire json array (1403 responses which is the entirety of the list).

As motsclef.json is formated like this, it didn't seem to me that I would need to do $.getJSON or $.ajax. I don't understand...

Mindastic · Accepted Answer · 2015-07-04 18:38:05Z

1

Using this, it will always retrieve all the options because the example shown in page, filters the options in the backend and just retrieves the ones matching the term.

For doing what you want, you could probably do something like:

jQuery.getJSON("motsclef.json", function(data){
  $(".autoMotsCle").autocomplete({
    source: data
  });
});

answered Jul 4, 2015 at 18:38

Mindastic

4,1413 gold badges21 silver badges20 bronze badges

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

Collectives™ on Stack Overflow

jquery autocomplete simple json array not filtered

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related