JS/jQuery

$(document).ready(function() {
    //Uppdaterar tabellen med ny data
    var showResult = function(data) {
        //Tar bort gamla sökresultat
        $('#searchResult td').parent().remove();
        $.each(data, function(index, item) {
            $('#searchResult tr:last').after(
                '<tr>' +
                    '<td>' + item['id'] + '</td>' +
                    '<td>' + item['name'] + '</td>' +
                '</tr>'
            );
        });
    };
    //Körs när man skriver i sökfältet
    $('#searchbar').on('input', function() {
        //Skickar sökningen till PHP-skriptet och kör funktionen showResult
        //om servern inte skickar något felmeddelande
        $.get('handler.php', { dispname: $(this).val() }, showResult).fail(function() {
            //Hantera att det blev något fel med
            //hämtningen av resultatet här
        });
    });
});