javascript - Jquery Autocompletes with long list of suggestions showing up when typing -

javascript - Jquery Autocompletes with long list of suggestions showing up when typing -

i using https://github.com/devbridge/jquery-autocomplete code autocomplete below.

var options, a; jquery(function(){ options = { serviceurl:'/getemployee'}; = $('#autocomplete').autocomplete(options); });

my serviceurl give long json info below

{"suggestions": [ "", "aahm@x.com", "aakbhagyalaxmi@x.com", "johnfah@x.com", "abdurrehman.l@x.com", // 1000++ records ]}

html code

<input type="text" name="q" id="autocomplete" />

list of suggestions showing , appear in scrollable list, css create word gets underline.

however when start typing, not relevant 1 doesnt removed list. hence 1000++ records still there.

you need filter server side.

it not documented on site, plug-in passes url parameter query server every time letter typed. e.g.

/getemployee?query=john

so can filter list of email addresses server side using query parameter , homecoming match query.

you could download email addresses , filter client-side will download 1000+ records page every time page loads:

$.getjson('/getemployee', function(data) { var fulllist = data.suggestions; options = { lookup: fulllist }; = $('#autocomplete').autocomplete(options); });

javascript jquery css autocomplete jquery-autocomplete