Développement PHP : comment implémenter des invites de mots clés de recherche et des fonctions de complétion automatique

Développement PHP : réalisation d'invites de mots clés de recherche et de fonctions de complétion automatique

À l'ère d'Internet d'aujourd'hui, les moteurs de recherche sont devenus l'un des canaux importants permettant aux utilisateurs d'obtenir des informations. Dans le développement de sites Web, l’importance de la fonction de recherche va de soi. Afin d'améliorer l'expérience utilisateur et les résultats de recherche, la mise en œuvre d'invites de mots clés de recherche et de fonctions de complétion automatique est une tâche de développement très précieuse et nécessaire. Cet article présentera comment implémenter des invites de mots clés de recherche et des fonctions de complétion automatique dans le développement PHP, et fournira des exemples de code spécifiques.

Les invites de mot-clé de recherche signifient que lorsque l'utilisateur saisit le mot-clé de recherche, des suggestions de recherche pertinentes sont affichées en temps réel en fonction de la saisie de l'utilisateur. La fonction de saisie semi-automatique remplit automatiquement les mots-clés ou les données de recherche existants lors de la saisie de l'utilisateur pour offrir une expérience de recherche plus pratique.

Pour implémenter les invites de mots-clés de recherche et les fonctions de saisie semi-automatique, nous avons besoin des étapes suivantes :

1. Établir une base de données et une table de données
   Tout d'abord, nous devons créer une base de données et une table de données pour stocker les mots-clés de recherche. Il peut être créé à l'aide d'outils tels que PHPMyAdmin.
2. Obtenir les mots-clés saisis par l'utilisateur
   Dans le champ de recherche, nous devons écouter les événements de saisie de l'utilisateur et envoyer les mots-clés saisis en arrière-plan pour traitement. JavaScript peut être utilisé pour implémenter cette fonctionnalité.

<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>

Dans le code ci-dessus, nous utilisons la bibliothèque jQuery pour écouter l'événement keyup du champ de recherche et utilisons AJAX pour envoyer les mots-clés saisis par l'utilisateur au fichier suggest.php pour traitement. Et affichez les résultats renvoyés dans l’élément suggest de la page.

3. Traitement des mots-clés de recherche
   Ensuite, nous devons écrire le fichier suggestions.php pour traiter les mots-clés saisis par l'utilisateur et renvoyer des suggestions de recherche pertinentes. Dans ce fichier, nous devons nous connecter à la base de données et interroger les mots-clés de recherche associés.

<?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();
?>

Dans le code ci-dessus, nous obtenons d'abord les mots-clés envoyés via AJAX. Connectez-vous ensuite à la base de données et interrogez les suggestions de recherche qui correspondent au préfixe du mot-clé. Enfin, utilisez l'instruction echo pour renvoyer les suggestions de recherche à la page frontale.

4. Implémenter la fonction de saisie semi-automatique
   Afin d'implémenter la fonction de saisie semi-automatique, nous devons remplir le texte suggéré dans le champ de recherche lorsque l'utilisateur clique sur la suggestion de recherche.

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

Dans le code ci-dessus, nous utilisons l'événement on de jQuery pour écouter l'événement lorsque l'utilisateur clique sur la suggestion de recherche et remplissez le texte suggéré dans le champ de recherche.

Grâce aux étapes ci-dessus, nous pouvons implémenter des invites de recherche par mots clés et des fonctions de complétion automatique. Cela peut grandement améliorer l'expérience de recherche de l'utilisateur et optimiser la précision des résultats de recherche.

Références :

• [Documentation officielle jQuery](https://jquery.com/)
• [Documentation officielle PHP](https://www.php.net/)

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!