PHP-Entwicklung: So implementieren Sie Eingabeaufforderungen für Suchbegriffe und automatische Vervollständigungsfunktionen

PHP-Entwicklung: Implementierung von Eingabeaufforderungen für Suchbegriffe und Funktionen zur automatischen Vervollständigung

Im heutigen Internetzeitalter sind Suchmaschinen zu einem der wichtigsten Kanäle für Menschen geworden, um Informationen zu erhalten. Bei der Website-Entwicklung liegt die Bedeutung der Suchfunktion auf der Hand. Um das Benutzererlebnis und die Suchergebnisse zu verbessern, ist die Implementierung von Suchbegriff-Eingabeaufforderungen und automatischen Vervollständigungsfunktionen eine sehr wertvolle und notwendige Entwicklungsaufgabe. In diesem Artikel wird erläutert, wie Eingabeaufforderungen für Suchbegriffe und automatische Vervollständigungsfunktionen in der PHP-Entwicklung implementiert werden, und es werden spezifische Codebeispiele bereitgestellt.

Suchschlüsselwort-Eingabeaufforderungen bedeuten, dass, wenn der Benutzer das Suchschlüsselwort eingibt, relevante Suchvorschläge in Echtzeit basierend auf der Eingabe des Benutzers angezeigt werden. Die Autovervollständigungsfunktion ergänzt automatisch vorhandene Suchbegriffe oder Daten während der Benutzereingabe, um ein komfortableres Sucherlebnis zu ermöglichen.

Um Eingabeaufforderungen für Suchbegriffe und Funktionen zur automatischen Vervollständigung zu implementieren, benötigen wir die folgenden Schritte:

1. Erstellen Sie eine Datenbank und eine Datentabelle.
   Zuerst müssen wir eine Datenbank und eine Datentabelle zum Speichern von Suchbegriffen erstellen. Es kann mit Tools wie PHPMyAdmin erstellt werden.
2. Erhalten Sie die vom Benutzer eingegebenen Schlüsselwörter.
   Im Suchfeld müssen wir die Eingabeereignisse des Benutzers abhören und die eingegebenen Schlüsselwörter zur Verarbeitung in den Hintergrund senden. Zur Implementierung dieser Funktionalität kann JavaScript verwendet werden.

<script>
  $(document).ready(function(){
    $("#search").keyup(function(){
      var keyword = $(this).val();
      $.ajax({
        url: "suggest.php",
        method: "POST",
        data:{keyword:keyword},
        success:function(data){
          $("#suggest").html(data);
        }
      });
    });
  });
</script>

Im obigen Code verwenden wir die jQuery-Bibliothek, um das Keyup-Ereignis des Suchfelds abzuhören, und verwenden AJAX, um die vom Benutzer eingegebenen Schlüsselwörter zur Verarbeitung an die Datei suggest.php zu senden. Und zeigen Sie die zurückgegebenen Ergebnisse im Vorschlagselement der Seite an.

3. Suchschlüsselwörter verarbeiten
   Als nächstes müssen wir die Datei „Suggestions.php“ schreiben, um die vom Benutzer eingegebenen Schlüsselwörter zu verarbeiten und relevante Suchvorschläge zurückzugeben. In dieser Datei müssen wir eine Verbindung zur Datenbank herstellen und verwandte Suchbegriffe abfragen.

<?php
  $keyword = $_POST["keyword"];
  
  // 连接数据库
  $conn = new mysqli("localhost", "root", "", "数据库名");
  if($conn->connect_error){
    die("数据库连接失败：" . $conn->connect_error);
  }
  
  // 查询相关的搜索建议
  $sql = "SELECT keyword FROM keywords WHERE keyword LIKE '$keyword%'";
  $result = $conn->query($sql);
  if($result->num_rows > 0){
    while($row = $result->fetch_assoc()){
      echo "<li>" . $row["keyword"] . "</li>";
    }
  }
  $conn->close();
?>

Im obigen Code erhalten wir zunächst die Schlüsselwörter, die über AJAX gesendet werden. Stellen Sie dann eine Verbindung zur Datenbank her und fragen Sie nach Suchvorschlägen ab, die dem Schlüsselwortpräfix entsprechen. Verwenden Sie abschließend die echo-Anweisung, um die Suchvorschläge an die Frontend-Seite zurückzugeben.

4. Implementieren Sie die Funktion zur automatischen Vervollständigung
   Um die Funktion zur automatischen Vervollständigung zu implementieren, müssen wir den vorgeschlagenen Text in das Suchfeld eingeben, wenn der Benutzer auf den Suchvorschlag klickt.

<script>
  $(document).ready(function(){
    $(document).on("click", "#suggest li", function(){
      var keyword = $(this).text();
      $("#search").val(keyword);
      $("#suggest").html("");
    });
  });
</script>

Im obigen Code verwenden wir jQuerys on event, um das Ereignis abzuhören, wenn der Benutzer auf den Suchvorschlag klickt, und geben den vorgeschlagenen Text in das Suchfeld ein.

Durch die oben genannten Schritte können wir Eingabeaufforderungen für Suchbegriffe und automatische Vervollständigungsfunktionen implementieren. Dies kann das Sucherlebnis des Benutzers erheblich verbessern und die Genauigkeit der Suchergebnisse optimieren.

Referenzen:

• [offizielle jQuery-Dokumentation](https://jquery.com/)
• [offizielle PHP-Dokumentation](https://www.php.net/)

Das obige ist der detaillierte Inhalt vonPHP-Entwicklung: So implementieren Sie Eingabeaufforderungen für Suchbegriffe und automatische Vervollständigungsfunktionen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!