Autocomplete with ajax works, but no with local data.

Autocomplete with ajax works, but no with local data.

Hi everyone!

I've decided to use local data instead of bring the data through ajax for the autocomplete because is to slow to do it that way.

Using ajax all works properly, slow but works, but If I try to use a .js file with all my strings it doesn't work, here the example working:

  2. <script>
  3. $("#inicio").on("pageshow", function(e) {
  4.    var sugList = $("#suggestions");

  6.    $("#searchField").on("input", function(e) {
  7.        var text = $(this).val();
  8.        if(text.length < 1) {
  9.            sugList.html("");
  10.            sugList.listview("refresh");
  11.        } else {
  12.             $.get("http://www.xxx.com/xxx/api/xxx?bu=1&li=1&lf=5", {ca:text}, function(res,code) {
  13. var str = "";
  14.                for(var i=0, len=res.length; i<len; i++) {
  15.                    str += "<li><a href='#'  data-role='button' data-iconpos='notext' onclick=\"seleccionar('"+res[i]+"');\">"+res[i]+"</a></li>";
  16.                }
  17.                sugList.html(str);
  18.                sugList.listview("refresh");
  19.                console.dir(res);
  20.            },"json");
  21.        }
  22.    });

  24. });
  25. function seleccionar(termino){
  26. $('#searchField').val(termino);
  27. $('#suggestions').html('');
  28. }
  29. </script>
if instead of use : 
      
  1.        $.get("http://www.xxx.com/xxx/api/xxx?bu=1&li=1&lf=5", {ca:text}, function(res,code) {
I use:
  1. $.get("js/autoComplete.js", {ca:text}, function(res,code) {
      It doesn't work, the content of autoComplete.js is the full list of string that the ajax give me, the structure is:


  1. "[\"Zaragoza (Provincia)\",\"Zamora (Provincia)\",\"Vizcaya (Provincia)\",\"Valladolid (Provincia)\",\"Valencia (Provincia)\"]"
The result is:


How is possible that in local data it doesn't work but with ajax it works being the same format....¿?

Thx!