слияние результатов от ajax до источника автозаполнения

Question

$(function() { 
    $("#search").autocomplete({ 
     source: ["c++", "java", "php", "coldfusion", "javascript", "asp", "ruby"] 
    }).focus(); 

    $.ajax({ 
     url: "source.php", 
     success: function(result) { 
      return result; 
      //["c++", "java", "php", "coldfusion", "javascript", "asp", "ruby"] 
     } 
    }); 

}); 

Вопрос: как заменить статический источник в автозаполнении с результатами ajax?

Идея:

$("#search").autocomplete({ 
    source: //result from ajax function 
}).focus(); 

Source.php (просто пример)

<?php 

mysql_connect('localhost', 'root', ''); 
mysql_select_db('test'); 

$query = mysql_query("SELECT name FROM tags"); 

while ($row = mysql_fetch_array($query)) { 
    $results[] = $row['name']; 
} 

echo json_encode($results); 
?> 

Answer 1

1) Объявляет глобальный массив переменной и изменить там значения, в случае необходимости.

var languages = $.ajax({ 
     url: "source.php", 
     success: function(result) { 
      return result; 
      //["c++", "java", "php", "coldfusion", "javascript", "asp", "ruby"] 
     } 
    }); 

$("#search").autocomplete({ 
     source: languages 
    }).focus(); 

2) или объединить ajax with autocomplete

$(function() { 
    $("#city").autocomplete({ 
     source: function (request, response) { 
      $.ajax({ 
       url: "source.php", 
       success: function (data) { 
        return data; 
       } 
      }); 
     } 
    }); 
}); 

Answer 2

Я думаю, что вам нужно Concat два массива (первый список слов и тот, который вы получите ajax), а затем снова вызовите .autocomplete();

var words = ["c++", "java", "php", "coldfusion", "javascript", "asp", "ruby"] 
$(function() { 
    /** This part is only necessary if the ajax does not fire immediately when the page is loaded **/ 
    $("#search").autocomplete({ 
     source: words 
    }).focus(); 
    /** end of what I said above **/ 
    $.ajax({ 
     url: "source.php", 
     success: function(result) { 
      words = words.concat(result); 
      $("#search").autocomplete({ 
       source: words 
      }).focus(); 
     } 
    }); 

}); 

Answer 3

Вы должны пользователь function as a source с двумя аргументами:

$("#search").autocomplete({ 
    source: function (request, response) { 
     $.ajax({ 
      url: "source.php", 
      data: {query: request.term}, 
      success: function(result) { 
       response(result); 
      } 
     }); 
    } 
}).focus(); 

Если вы наберете "PHP" в поле, он будет выдавать запрос AJAX до source.php?query=php.