AJAX 검색 및 JSON 응답

정당화

jQuery 및 PHP로 간단한 AJAX 검색을 시도하고 있습니다. 그러나 적절한 검색 문자열이 작동하지 않는 것 같습니다. 제목으로 검색하고 싶은데 제목이 설정되지 않은 경우 검색을 클릭하면 모든 결과가 표시됩니다. 또한 결과를 아름다운 HTML로 표시하고 JSON과 같은 코드로 다시 반환하지 않고 싶습니다. 다음과 같이 :

    $book["title"]
    $book["author"]
    $book["description"]

SQL 설정 :

테이블 이름 : 책 테이블 필드 : ID, 제목, 저자, 설명

HTML :

    <div id="search">
        <form action="#">
            <p><label for="title">Book Title:</label> <input type="text" id="search_title" name="search_title"></p>
            <p><input type="submit" id="search_submit" name="search_submit" value="Search!"></p>
            <p><em><small>For example A Game of Thrones or The Lord of the Rings</small></em></p>
            <hr>
        </form>
    </div>
    <div id="search_results">

    </div>
    <script>
        $(document).ready(function() {
            $("#search_submit").on("click", function() {
                var searchTitle = $("#search_title").val(),
                    data = 'title=' + searchTitle;

                if(searchTitle) {
                    $.ajax({
                        type: "POST",
                        url: "getBooks.php",
                        data: data,
                        success: function(res)
                        {
                            $("#search_results").html(res);
                        }
                    });    
                }
                return false;
            });
        });
    </script>

PHP :

if(isset($_GET["title"])) {
    $title = $_GET["title"];
}

if(isset($title) && !empty($title)) {
    $pdo_title = "WHERE title LIKE '%" . $title . "%'";
} else {
    $pdo_title = "";
}

$pdo_books = "books";

$pdo = new PDO("mysql:dbname=removed;host=removed","removed","removed");
$statement = $pdo->prepare("SELECT * FROM $pdo_books $pdo_title");
$statement->execute();
$results = $statement->fetchAll(PDO::FETCH_ASSOC);
$json = json_encode($results);
echo $json;
라비 도리 야 2

JSON에서 HTML로 출력 형식을 지정하는 경우 jQuery 코드에서 json을 구문 분석하고 배열의 각 json 객체에 대해 루프를 반복하고 HTML을 페이지에 동적으로 추가해야합니다.

if(searchTitle) {
    $.ajax({
        type: "POST",
        url: "getBooks.php",
        data: data,
        success: function(res)
        {
            var my_table="<table>";
            $.each(res, function(i, obj){
                my_table+="<tr> <td> "+obj.clumn_name+" </td> <td> "+obj.clumn_name2+" </td> </tr> ";
            });
            my_table+"</table>";
            $("#search_results").html(my_table);
        }
    }); 
}

이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.

침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

분류에서Dev

Ajax json 요청 및 응답

분류에서Dev

Ajax 응답에서 값 검색

분류에서Dev

AJAX에서 응답 텍스트 검색

분류에서Dev

Ajax에서 PHP 응답 검색

분류에서Dev

PHP로 Stripe의 JSON 응답 값 검색

분류에서Dev

Symfony 및 AJAX 404 응답

분류에서Dev

PHP 배열 및 Ajax 응답

분류에서Dev

AJAX : 잘못된 JSON 응답

분류에서Dev

Ajax에 대한 JSON 응답

분류에서Dev

JSON 및 jQuery 검색

분류에서Dev

Ajax 및 콜백 함수로 읽은 JSON 데이터 검색

분류에서Dev

Ajax 및 콜백 함수로 읽은 JSON 데이터 검색

분류에서Dev

jQuery 및 Rails Ajax 요청 및 응답

분류에서Dev

사전에서 키 검색 및 해당 값 응답

분류에서Dev

문서 및 응답을 표시하는 Xpages 검색

분류에서Dev

SOAP 및 PHP. 이 응답을 어떻게 검색합니까?

분류에서Dev

SOAP 및 PHP. 이 응답을 어떻게 검색합니까?

분류에서Dev

AJAX로 JSON에서 검색

분류에서Dev

$ .ajax JSON 검색 실패-JSP

분류에서Dev

반응 네이티브 필터 및 JSON의 검색 데이터

분류에서Dev

Cypress 어설 션으로 JSON 응답을 검색하는 방법

분류에서Dev

JSON 응답으로 키워드로 Shopify 제품 검색

분류에서Dev

json 형식으로 Sparql 쿼리 응답 검색

분류에서Dev

JSON 응답에서 모든 숫자 행 검색

분류에서Dev

Google 맞춤 검색 API에서 JSON 응답을 얻는 방법

분류에서Dev

원격 응답에서 JSON 데이터 검색

분류에서Dev

Alamofire 게시물 JSON 및 응답 JSON

분류에서Dev

Rails JSON API 매개 변수 유효성 검사 및 오류 응답

분류에서Dev

ajax 및 Java 스크립트를 사용하여 탄력적 검색의 json 데이터 검색