Bagaimana untuk Mendapatkan dan Memaparkan Data MySQL Menggunakan jQuery Ajax?

Mendapatkan Data daripada MySQL menggunakan jQuery Ajax

Kod anda nampaknya menghadapi masalah dengan mendapatkan semula data daripada jadual MySQL. Untuk menyelesaikan masalah ini, anda harus mempertimbangkan perkara berikut:

Kod Ajax jQuery

Kod Ajax anda boleh diperbaiki dengan menstrukturkannya dengan lebih sesuai. Pertimbangkan untuk menggunakan yang berikut:

<script type="text/javascript">
$(document).ready(function() {

    $("#display_records").click(function() {

        $.ajax({
            type: "GET",
            url: "Records.php",
            dataType: "html",
            success: function(response) {
                $("#response_container").html(response);
            }
        });

    });

});
</script>

Dalam kod di atas, kami telah menambahkan id pada butang untuk kejelasan dan kami menyasarkan elemen HTML dengan id "response_container" untuk memaparkan output.

Sambungan dan Pertanyaan MySQL

Untuk interaksi pangkalan data MySQL, anda harus gunakan yang berikut untuk sambungan mysqli:

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

Dan untuk mendapatkan semula data daripada jadual "pengguna":

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

Memaparkan Data

Untuk memaparkan data yang diambil, ubah suai kod anda sebagai berikut:

<table>

Dengan memasukkan pengubahsuaian ini, kod anda seharusnya berjaya mendapatkan semula data daripada jadual MySQL dan memaparkannya dalam jadual HTML.

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