PHP 개발: 검색어 프롬프트 및 자동 완성 기능 구현 방법

PHP 개발: 검색 키워드 프롬프트 및 자동 완성 기능 구현

오늘날의 인터넷 시대에 검색 엔진은 사람들이 정보를 얻는 중요한 채널 중 하나가 되었습니다. 웹사이트 개발에 있어서 검색 기능의 중요성은 자명합니다. 사용자 경험과 검색 결과를 향상시키기 위해 검색 키워드 프롬프트와 자동 완성 기능을 구현하는 것은 매우 가치 있고 필요한 개발 작업입니다. 이 기사에서는 PHP 개발에서 검색 키워드 프롬프트 및 자동 완성 기능을 구현하는 방법을 소개하고 구체적인 코드 예제를 제공합니다.

검색 키워드 프롬프트는 사용자가 검색 키워드를 입력하면 사용자의 입력에 따라 관련 검색어 제안이 실시간으로 표시되는 것을 의미합니다. 자동 완성 기능은 사용자가 입력하는 동안 기존 검색어나 데이터를 자동으로 채워주어 보다 편리한 검색 경험을 제공합니다.

검색 키워드 프롬프트와 자동 완성 기능을 구현하려면 다음 단계가 필요합니다.

1. 데이터베이스 및 데이터 테이블 구축
   먼저, 검색 키워드를 저장할 데이터베이스와 데이터 테이블을 생성해야 합니다. PHPMyAdmin과 같은 도구를 사용하여 만들 수 있습니다.
2. 사용자가 입력한 키워드 가져오기
   검색창에서 사용자의 입력 이벤트를 듣고 입력된 키워드를 백그라운드로 보내 처리해야 합니다. JavaScript를 사용하여 이 기능을 구현할 수 있습니다.

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

위 코드에서는 jQuery 라이브러리를 사용하여 검색창의 keyup 이벤트를 수신하고 AJAX를 사용하여 사용자가 입력한 키워드를 presents.php 파일로 전송하여 처리합니다. 그리고 페이지의 제안 요소에 반환된 결과를 표시합니다.

3. 검색 키워드 처리하기
   다음으로, 사용자가 입력한 키워드를 처리하고 관련 검색어 제안을 반환하는 presents.php 파일을 작성해야 합니다. 이 파일에서는 데이터베이스에 연결하고 관련 검색 키워드를 쿼리해야 합니다.

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

위 코드에서는 먼저 AJAX를 통해 전송된 키워드를 가져옵니다. 그런 다음 데이터베이스에 연결하고 키워드 접두사와 일치하는 검색 제안을 쿼리합니다. 마지막으로 echo 문을 사용하여 검색 제안을 프런트 엔드 페이지로 반환합니다.

4. 자동 완성 기능 구현
   자동 완성 기능을 구현하려면 사용자가 추천 검색어를 클릭할 때 검색창에 추천 텍스트를 채워야 합니다.

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

위 코드에서는 jQuery의 on 이벤트를 사용하여 사용자가 검색 제안을 클릭하고 제안된 텍스트를 검색 상자에 채울 때 이벤트를 수신합니다.

위 단계를 통해 검색어 프롬프트와 자동 완성 기능을 구현할 수 있습니다. 이를 통해 사용자의 검색 경험이 크게 향상되고 검색 결과의 정확성이 최적화될 수 있습니다.

참고자료:

• [jQuery 공식 문서](https://jquery.com/)
• [PHP 공식 문서](https://www.php.net/)

위 내용은 PHP 개발: 검색어 프롬프트 및 자동 완성 기능 구현 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!