> 백엔드 개발 > PHP 튜토리얼 > jQuery Ajax를 사용하여 MySQL 데이터베이스에서 데이터를 성공적으로 검색하고 표시하려면 어떻게 해야 합니까?

jQuery Ajax를 사용하여 MySQL 데이터베이스에서 데이터를 성공적으로 검색하고 표시하려면 어떻게 해야 합니까?

Mary-Kate Olsen
풀어 주다: 2024-12-07 00:24:15
원래의
996명이 탐색했습니다.

How Can I Use jQuery Ajax to Successfully Retrieve and Display Data from a MySQL Database?

jQuery Ajax를 사용하여 MySQL에서 데이터 검색

문제:

제공된 jQuery Ajax 코드가 MySQL 테이블에서 데이터를 검색하고 표시할 수 없습니다. 성공적으로.

해결책:

jQuery Ajax를 사용하여 MySQL 테이블에서 데이터를 효과적으로 검색하려면 몇 가지 수정이 필요합니다.

jQuery Ajax 코드:

<script type="text/javascript" src="jquery-1.3.2.js"></script>

<script type="text/javascript">
$(document).ready(function() {

    $("#display").click(function() {                

      $.ajax({    //create an ajax request to display.php
        type: "GET",
        url: "display.php",             
        dataType: "html",   //expect html to be returned                
        success: function(response){                    
            $("#responsecontainer").html(response); 
            //alert(response);
        }

    });
});
});
</script>
로그인 후 복사

Display.php(데이터 검색을 위한 PHP 코드):

include("connection.php");
mysqli_select_db("samples",$con);
$result=mysqli_query("select * from student",$con);

echo "<table border='1' >
<tr >
<td align=center> <b>Roll No</b></td>
<td align=center><b>Name</b></td>
<td align=center><b>Address</b></td>
<td align=center><b>Stream</b></td>
<td align=center><b>Status</b></td>";

while($data = mysqli_fetch_row($result))
{   
    echo "<tr>";
    echo "<td align=center>$data[0]</td>";
    echo "<td align=center>$data[1]</td>";
    echo "<td align=center>$data[2]</td>";
    echo "<td align=center>$data[3]</td>";
    echo "<td align=center>$data[4]</td>";
    echo "</tr>";
}
echo "</table>";
로그인 후 복사

추가 참고 사항:

  • "connection.php" 파일에 다음이 포함되어 있는지 확인하세요. MySQL 연결 세부 정보.
  • "samples" 및 "student"를 각각 데이터베이스 및 테이블 이름으로 바꿉니다.
  • 이 코드는 테이블에서 모든 레코드를 검색하여 HTML 테이블.

위 내용은 jQuery Ajax를 사용하여 MySQL 데이터베이스에서 데이터를 성공적으로 검색하고 표시하려면 어떻게 해야 합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿