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
Mary-Kate Olsenasal
2024-12-07 00:24:151018semak imbas

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>

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

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!

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