PHP 검색 기능 구현에 대한 자세한 설명】 배열 및 양식을 기반으로 한 빠른 검색 솔루션

PHP에서 데이터 검색 기능을 구현하는 실용적인 방법

웹 사이트 개발에서 데이터 검색은 사용자 경험을 향상시키는 데 중요한 기능입니다. 좋은 검색 디자인을 통해 사용자는 정보를 신속하게 찾아 웹 사이트 효율성을 향상시킬 수 있습니다. 이 기사는 PHP를 사용하여 간단하고 효율적인 데이터 검색 논리를 구현하는 방법을 자세히 설명합니다. 이는 경량 응용 프로그램 시나리오에 적합합니다.

1. 시뮬레이션 데이터를 준비하십시오

먼저 검색 할 데이터 세트를 시뮬레이션하기위한 배열을 만듭니다. 실제 개발 에서이 데이터는 데이터베이스 또는 기타 데이터 소스에서 나올 수 있습니다.

 
$data = array(
    array("id" => 1, "name" => "장 산", "age" => 25, "city" => "베이징"),
    array("id" => 2, "name" => "Li Si", "age" => 30, "city" => "상하이"),
    array("id" => 3, "name" => "왕 우", "age" => 35, "city" => "광저우"),
    // 더 많은 데이터...
);

2. HTML 검색 양식을 작성하십시오

사용자는 양식을 통해 키워드를 입력하여 검색 요청을 시작합니다. 기본 HTML 양식 예는 다음과 같습니다.

 
<form action="search.php" method="get">
    <input type="text" name="keyword" placeholder="키워드를 입력하십시오..." />
    <input type="submit" value="찾다" />
</form>

3. PHP 로직 처리 검색을 작성하십시오

Search.php 파일에서 검색 키워드를 받고 데이터 수집에서 일치를 찾으십시오. 키워드는 이름, 연령 또는 도시 분야에 따라 일치 할 수 있습니다.

 
$keyword = $_GET['keyword'];

if ($keyword === "") {
    echo json_encode($data);
    exit;
}

$results = array();

foreach ($data as $item) {
    if (strpos($item['name'], $keyword) !== false ||
        strpos((string)$item['age'], $keyword) !== false ||
        strpos($item['city'], $keyword) !== false) {
        $results[] = $item;
    }
}

echo json_encode($results);

4. JavaScript를 사용하여 검색 결과를 비동기로 표시합니다

AJAX를 통해 검색 요청 검색을 요청하면 전체 페이지를 새로 고치지 않고 검색 결과를 페이지에 비동기로로드 할 수 있습니다.

 
var keyword = document.getElementById("keyword").value;
var xhr = new XMLHttpRequest();

xhr.onreadystatechange = function() {
    if (xhr.readyState == 4 && xhr.status == 200) {
        var results = JSON.parse(xhr.responseText);
        var resultContainer = document.getElementById("result-container");
        resultContainer.innerHTML = "";

        for (var i = 0; i < results.length; i++) {
            var item = document.createElement("div");
            item.innerHTML = results[i].name + "，" + results[i].age + "，" + results[i].city;
            resultContainer.appendChild(item);
        }
    }
};

xhr.open("GET", "search.php?keyword=" + keyword, true);
xhr.send();

5. 요약

이 기사의 예를 통해 프론트 엔드 양식, PHP 처리 로직, 데이터 필터링 및 AJAX 상호 작용을 다루는 간단한 키워드 검색 시스템을 구현합니다. 이 솔루션은 중소형 프로젝트를 빠르게 배포하는 데 적합하며 데이터베이스 검색, 페이징 디스플레이 및 기타 기능의 후속 확장을위한 기초를 제공합니다.