How do I run autocomplete directly from the server instead of the default JQuery UI autocomplete?

Question

I am currently using the Jquery UI bundle to fill in the Autocomplete search parameters in an input HTML box.

html file:

<script src="js/jquery-1.9.1.js"></script>
<script src="js/jquery-ui-1.10.3.custom.js"></script>
<script>
$(function() {
   var userfirstnameTags = [ "John",  "Katy",  "Will",  "Shrek", ];
   var userlastnameTags = [ "Snow",  "Perry",  "Smith",  "Rooney", ];
   $( "#user_first_name" ).autocomplete({
   source: userfirstnameTags
   });  
});
</script>

---

The issue right now is that all the username and other sensitive data that I have appears on the html/js file on the front end code.

I would like to protect this information + i do not want the code to load all user data every time it loads the search page.

Is there an alternate way to use this autocomplete/ to index autocomplete directly from the server-side? I am using Ruby on Rails for my server side.

Answer 1

Jquery auto-completer gives you the option to load the data from server. Checkout this link http://jqueryui.com/autocomplete/#remote