AJAX in PHP-Page einbauen?

[Dsimon24]

Hallo zusammen,

da ich eher mit PHP arbeite, habe ich mal eine Frage an euch, in Bezug auf AJAX.

Ich habe in einer php-Datei ein SQL-Query und stelle die Ergeb-
nisse aus dem Query in der gleichen Seite als Tabelle dar.

Bspw. so:

<?php

    $stmt = $bewerber->runQuery("SELECT vorname, nachname, email FROM personen");
    $stmt->execute();
   
?>
   
    <table>
        <thead>
            <tr>
                <th width="4" scope="col">Vorname</th>
                <th width="4" scope="col">Nachname</th>
                <th width="4" scope="col">eMail-Adr.</th>
            </tr>
        </thead>
        <tbody>
            <?php foreach($stmt as $row) { ?>
            <tr>
                <td><?php echo $row['vorname']; ?></td>
                <td><?php echo $row['nachname']; ?></td>
                <td><?php echo $row['email']; ?></td>
        </tbody>
    </table>

So, das funktioniert auch soweit.

Jetzt möchte ich in meine Seite ein InputField einfügen.
Wenn ich dort ein Buchstabe eintrage, möchte ich, dass die
Query ergänzt wird und geschaut wird, ob der Buchstabe in
einer der Datensätze unter Vorname, Nachname oder eMail
auftaucht. Anschließend soll die Ausgabe ohne einen
weiteren Klick angepasst werden.

Leider habe ich rein gar keine Ahnung, wie ich das realisieren kann.
Vielleicht könnt ihr mir mit ein paar Tipps auf die Sprünge helfen?

VG, David

 

[sysop]

Google kaputt?
https://jqueryui.com/autocomplete/

 

[Dsimon24]

Das habe ich zuvor auch schon gefunden.
Allerdings ist mir nicht klar, wie ich das mit der MySQL-DB verbinden
und die Tabelle anschließend entsprechend erweitern kann.

Edit:
Ich habe es jetzt mit folgendem Script geschafft, dass der
Inhalt einer Input-Feldes an ein php-Script geschickt wird.

    $(document).ready(function()
    {
        $("#ajax_search_box").keyup(function()
        {
        var data=$(this).val();
        var dataString = 'value=' + data;

        $.ajax({
        type: "POST",
        url: "view.Person_DB.php",
        data: dataString,
        cache: false,
        success: function(html)
        {
            alert("Das hat bestens funktioniert!");
        },
        error: function(data)
        {
            alert("Es ist ein Fehler aufgetreten!");
        }
        });

        });

    });

in der php-Datei view.Person_DB.php werden die betroffenen
Datensätze erneut aus der DB geladen und ins JSON gepackt.

Wie kann ich diese JSON jetzt auf die ursprüngliche Seite über-
geben und eine Anpassung der Datensätze in der Tabelle vor-
nehmen, ohne die Seite refreshen zu müssen?
- Ist das Möglich?