Cześć, jestem raczkujący w tematyce AJAX/javascript i utknąłem na takim problemie. Otóż ma skrypt

[PHP] pobierz, plaintext 
$(document).ready(function() {
    $('#search').typeahead({
        source: function(query, process) {
            objects = [];
            map = {};
            var data = [{"id":1,"label":"machin"},{"id":2,"label":"truc"}] // tutaj chcę pobrać dane z mysql
            $.each(data, function(i, object) {
                map[object.label] = object;
                objects.push(object.label);
            });
            process(objects);
        },
        updater: function(item) {
            $('#hiddenInputElement').val(map[item].id);
            return item;
        }
    });
});
[PHP] pobierz, plaintext 

Skrypt pięknie działa na danych statycznych które mam w "var data" potrzebuję jednak tak zmodyfikować skrypt, żeby pobierał mi dane z bazy danych na wzór autocomplete jquery.

Może mi ktoś doradzić w jaki sposób zamienić dane statyczne na dynamiczne?

Jakiś czas temu musiałem z tego skorzystać no i zamiast modyfikować, to sprawdziłem czy istnieje wersja z już wbudowaną obsługą żądań ajax, no i ktoś już wcześniej się tym zajął i stworzył: https://github.com/biggora/bootstrap-ajax-typeahead nawet jeżeli nie używasz bootstrapa, możesz w łatwy sposób podmienić "layout" dla podpowiedzi które się wyświetlają.