Bagaimana untuk Mendapatkan Data MySQL Menggunakan jQuery Ajax?-tutorial mysql-php.cn

Bagaimana untuk Mendapatkan Data MySQL Menggunakan jQuery Ajax?

Patricia Arquette

Lepaskan： 2024-12-07 19:20:18

asal

749 orang telah melayarinya

How to Retrieve MySQL Data Using jQuery Ajax?

Mengambil Data daripada MySQL Menggunakan jQuery Ajax

Untuk mendapatkan data daripada pangkalan data MySQL menggunakan jQuery Ajax, adalah penting untuk mengikuti ini langkah:

1. Cipta Permintaan Ajax:

Gunakan fungsi $.ajax() untuk mewujudkan permintaan Ajax. Nyatakan jenis (GET/POST), URL (tempat untuk menghantar permintaan) dan dataType (format respons yang dijangkakan). Setelah menerima respons yang berjaya, fungsi kejayaan akan dilaksanakan.

2. Mewujudkan Sambungan MySQL:

Untuk sambungan MySQL, gunakan sambungan mysqli. Wujudkan sambungan menggunakan mysqli_connect().

3. Melaksanakan Pertanyaan Pangkalan Data:

Jalankan pertanyaan untuk mengambil data daripada jadual MySQL menggunakan fungsi mysqli_query(). Pertanyaan ini akan bertanggungjawab untuk mengekstrak rekod yang dikehendaki.

4. Memaparkan Data Yang Diperoleh:

Gunakan gelung untuk mengulangi set hasil dan memaparkan data secara berstruktur. Pertimbangkan untuk menggunakan jadual untuk perwakilan data.

Kod Contoh:

<script type="text/javascript">
$(document).ready(function() {
    $("#display").click(function() {
        $.ajax({
            type: "GET",
            url: "display.php",
            dataType: "html",
            success: function(response) {
                $("#responsecontainer").html(response);
            }
        });
    });
});
</script>

<body>
    <button>

Salin selepas log masuk

<?php
$con = mysqli_connect("localhost", "root", "");
mysqli_select_db($con, "samples");

$result = mysqli_query($con, "SELECT * FROM student");

echo "<table border='1'>";
echo "<tr><th>Roll No</th><th>Name</th><th>Address</th><th>Stream</th><th>Status</th></tr>";
while ($row = mysqli_fetch_row($result)) {
    echo "<tr>";
    foreach ($row as $value) {
        echo "<td>$value</td>";
    }
    echo "</tr>";
}
echo "</table>";
?>

Salin selepas log masuk

Dengan mengikut arahan ini dan menggunakan coretan kod yang disediakan, anda boleh berjaya mendapatkan semula dan memaparkan data daripada pangkalan data MySQL menggunakan jQuery Ajax.

Atas ialah kandungan terperinci Bagaimana untuk Mendapatkan Data MySQL Menggunakan jQuery Ajax?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!