Rumah > pembangunan bahagian belakang > tutorial php > Bagaimanakah Saya Boleh Menggunakan jQuery Ajax untuk Berjaya Mengambil dan Memaparkan Data daripada Pangkalan Data MySQL?

Bagaimanakah Saya Boleh Menggunakan jQuery Ajax untuk Berjaya Mengambil dan Memaparkan Data daripada Pangkalan Data MySQL?

Mary-Kate Olsen
Lepaskan: 2024-12-07 00:24:15
asal
1003 orang telah melayarinya

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

Menggunakan jQuery Ajax untuk Mendapatkan Data daripada MySQL

Masalah:

JQuery Ajax yang disediakan kod tidak dapat mengambil dan memaparkan data daripada jadual MySQL berjaya.

Penyelesaian:

Untuk mendapatkan semula data secara berkesan daripada jadual MySQL menggunakan jQuery Ajax, beberapa pengubahsuaian diperlukan:

jQuery Ajax Kod:

<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>
Salin selepas log masuk

Display.php (Kod PHP untuk Mendapatkan Data):

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>";
Salin selepas log masuk

Nota Tambahan:

  • Pastikan bahawa fail "connection.php" mengandungi MySQL butiran sambungan.
  • Ganti "sampel" dan "pelajar" dengan nama pangkalan data dan jadual anda, masing-masing.
  • Kod ini akan mendapatkan semula semua rekod daripada jadual dan memaparkannya dalam jadual HTML.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Menggunakan jQuery Ajax untuk Berjaya Mengambil dan Memaparkan Data daripada Pangkalan Data MySQL?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber:php.cn
Kenyataan Laman Web ini
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
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan