Das Auffüllen von Datenlisten dauert zu lange. Wie man anfängt aufzufüllen, nachdem der Benutzer ein paar Buchstaben in das Eingabefeld eingegeben hat

Question

Ich habe eine Datenbanktabelle mit Städten der Welt. Alles in allem gibt es über 100 000 Einträge. Der Benutzer sollte über Eingabetextfeld und der Datenliste einen dieser Einträge auswählen. Gerade jetzt bevölkern ich die Datenliste Optionen über PHP:

<input type='text' list='location' placeholder='Location'> 
<datalist id='location'> 
    <?php include("query.php"); 
     while($row = $result->fetch_assoc()) { 
      echo "<option data-value='". $row['CityName']. "'>". $row['CityName']. "</option>"; 
    };?> 
</datalist> 

jedoch aufgrund der großen Menge an Zeilen, die es zu lange dauert, diese Optionen zu laden. Daher möchte ich den Populationsvorgang nur starten, wenn der Benutzer im Eingabefeld mindestens 3 Buchstaben eingegeben hat (zB on this website). Aber mein Problem ist jetzt, dass ich nicht weiß, wie man eine Javascript if Klausel und den php Code kombiniert, da der php geladen wird, bevor ich javascript benutzen kann. Wie kann ich diese Funktion wie auf der genannten Website erstellen?

Answer 1

Ich denke, dass JQuery autocomplete eine vollständige Antwort ist. Insbesondere der Fall "Remote-Datenquelle".