Rumah >pangkalan data >tutorial mysql >Bagaimana untuk Mendapatkan Data MySQL Menggunakan jQuery Ajax?

Bagaimana untuk Mendapatkan Data MySQL Menggunakan jQuery Ajax?

Patricia Arquette
Patricia Arquetteasal
2024-12-07 19:20:18750semak imbas

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>
<?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>";
?>

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!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn