jQuery AJAX를 사용하여 MySQL 데이터를 검색하고 다시 로드하지 않고 웹 페이지에 표시하는 방법은 무엇입니까?

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

jQuery와 함께 AJAX(비동기 JavaScript 및 XML)를 사용하면 MySQL에서 데이터를 검색할 수 있습니다. 전체 페이지를 다시 로드하지 않고도 데이터베이스를 웹페이지에 표시할 수 있습니다. 이를 달성하려면 다음 단계를 따르세요.

jQuery AJAX 코드

HTML 파일에 jQuery 라이브러리를 포함하고 다음 AJAX 코드를 작성하세요.

<script type="text/javascript" src="jquery-1.9.1.min.js"></script>
<script type="text/javascript">
    $(document).ready(function() {
        var response = '';
        $.ajax({
            type: "GET",
            url: "Records.php",
            async: false,
            success: function(text) {
                response = text;
            }
        });

        alert(response);
    });
</script>

PHP 코드

Records.php 파일을 사용하여 MySQL 데이터베이스에 연결하고 쿼리를 실행하여 레코드를 검색합니다.

$con = mysql_connect("localhost","root","");
$dbs = mysql_select_db("simple_ajax",$con);
$query = "SELECT Name, Address FROM users";
$result = mysql_query($query);

// Create the response in HTML format
$html = "";
while ($row = mysql_fetch_array($result)) {
    $html .= "<tr><td>$row[Name]</td><td>$row[Address]</td></tr>";
}

echo $html;

문제 해결

제공된 코드가 작동하지 않을 수 있습니다. 다음과 같은 이유 때문에:

• list.php에는 준비 함수 내에 경고(응답) 문이 있습니다. AJAX 요청이 완료되기 전에 빈 응답을 알립니다.
• Records.php 코드가 더 이상 사용되지 않는 mysql_* 함수를 사용하고 있습니다. 데이터베이스 연결을 위해서는 mysqli_* 또는 PDO를 사용해야 합니다.

해결 방법

이러한 문제를 해결하려면 코드를 다음과 같이 수정하세요. 다음은 다음과 같습니다.

list.php

<script type="text/javascript">
    $(document).ready(function() {
        $.ajax({
            type: "GET",
            url: "Records.php",
            async: false,
            success: function(text) {
                $("#div1 h2").html(text);
            }
        });
    });
</script>

Records.php

<?php

$mysqli = new mysqli("localhost", "root", "", "simple_ajax");
if ($mysqli->connect_error) {
    die("Connection failed: " . $mysqli->connect_error);
}

$result = $mysqli->query("SELECT Name, Address FROM users");

// Create the response in HTML format
$html = "";
while ($row = $result->fetch_array(MYSQLI_ASSOC)) {
    $html .= "<tr><td>{$row['Name']}</td><td>{$row['Address']}</td></tr>";
}

$mysqli->close();
echo $html;

이러한 변경 사항으로 인해 AJAX는 코드는 MySQL 데이터베이스에서 레코드를 성공적으로 검색하고 다시 로드하지 않고도 웹페이지에 표시해야 합니다.

위 내용은 jQuery AJAX를 사용하여 MySQL 데이터를 검색하고 다시 로드하지 않고 웹 페이지에 표시하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!