Pembangunan PHP: Bagaimana untuk melaksanakan gesaan kata kunci carian dan fungsi penyiapan automatik

Pembangunan PHP: merealisasikan gesaan kata kunci carian dan fungsi penyiapan automatik

Dalam era Internet hari ini, enjin carian telah menjadi pilihan pertama orang ramai untuk mendapatkan maklumat Salah satu saluran yang penting. Dalam pembangunan laman web, kepentingan fungsi carian adalah jelas. Untuk meningkatkan pengalaman pengguna dan hasil carian, melaksanakan gesaan kata kunci carian dan fungsi penyiapan automatik adalah tugas pembangunan yang sangat berharga dan perlu. Artikel ini akan memperkenalkan cara melaksanakan gesaan kata kunci carian dan fungsi penyiapan automatik dalam pembangunan PHP, dan menyediakan contoh kod khusus.

Gesaan kata kunci carian bermakna apabila pengguna memasukkan kata kunci carian, cadangan carian yang berkaitan dipaparkan dalam masa nyata berdasarkan input pengguna. Fungsi autolengkap secara automatik mengisi kata kunci atau data carian sedia ada semasa input pengguna untuk memberikan pengalaman carian yang lebih mudah.

Untuk melaksanakan gesaan kata kunci carian dan fungsi penyiapan automatik, kami memerlukan langkah berikut:

1. Tubuhkan pangkalan data dan jadual data
   Pertama, Kami perlu untuk mencipta pangkalan data dan jadual data untuk menyimpan kata kunci carian. Ia boleh dibuat menggunakan alat seperti PHPMyAdmin.
2. Dapatkan kata kunci yang dimasukkan oleh pengguna
   Dalam kotak carian, kita perlu mendengar acara input pengguna dan menghantar kata kunci yang dimasukkan ke latar belakang untuk diproses. JavaScript boleh digunakan untuk melaksanakan fungsi ini.

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

Dalam kod di atas, kami menggunakan perpustakaan jQuery untuk mendengar acara keyup kotak carian, dan menggunakan AJAX untuk menghantar kata kunci yang dimasukkan oleh pengguna ke suggest.php fail untuk diproses. Dan paparkan hasil yang dikembalikan dalam elemen cadangan halaman.

3. Memproses kata kunci carian
   Seterusnya, kita perlu menulis fail suggestions.php untuk memproses kata kunci yang dimasukkan oleh pengguna dan mengembalikan cadangan carian yang berkaitan. Dalam fail ini, kita perlu menyambung ke pangkalan data dan kata kunci carian berkaitan pertanyaan.

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

Dalam kod di atas, kami mula-mula mendapat kata kunci yang dihantar melalui AJAX. Kemudian sambung ke pangkalan data dan cadangan carian pertanyaan yang sepadan dengan awalan kata kunci. Akhir sekali, gunakan pernyataan gema untuk mengembalikan cadangan carian ke halaman hujung hadapan.

4. Melaksanakan fungsi autolengkap
   Untuk melaksanakan fungsi autolengkap, kita perlu mengisi teks yang dicadangkan ke dalam kotak carian apabila pengguna mengklik pada carian cadangan.

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

Dalam kod di atas, kami menggunakan jQuery's on event untuk mendengar acara apabila pengguna mengklik pada cadangan carian dan mengisi teks yang dicadangkan ke dalam kotak carian.

Melalui langkah di atas, kami boleh melaksanakan gesaan kata kunci carian dan fungsi penyiapan automatik. Ini boleh meningkatkan pengalaman carian pengguna dan mengoptimumkan ketepatan hasil carian.

Rujukan:

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

Atas ialah kandungan terperinci Pembangunan PHP: Bagaimana untuk melaksanakan gesaan kata kunci carian dan fungsi penyiapan automatik. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!