Bagaimana untuk menukar data JSON ke format HTML dengan PHP dan MySQL?

Bagaimana untuk menukar data JSON kepada format HTML dengan PHP dan MySQL?

Dalam pembangunan web, kami sering menghadapi keperluan untuk membentangkan data yang diperolehi oleh bahagian belakang melalui PHP dan MySQL ke halaman hujung hadapan dalam format HTML. Salah satu format data yang biasa digunakan ialah JSON. Artikel ini akan memperkenalkan cara menggunakan PHP dan MySQL untuk menukar data JSON ke dalam format HTML, dan memberikan contoh kod yang sepadan.

1. Penyediaan pangkalan data

Pertama, pangkalan data perlu disediakan dan data yang sepadan disimpan. Mengambil MySQL sebagai contoh, anggap kita mempunyai jadual bernama "pengguna" yang menyimpan nama pengguna dan maklumat umur. Struktur jadual adalah seperti berikut:

CIPTA pengguna JADUAL (

id INT(11) AUTO_INCREMENT PRIMARY KEY,
name VARCHAR(50) NOT NULL,
age INT(3) NOT NULL

);

Masukkan beberapa data ujian ke dalam jadual:

MASUKKAN KE DALAM pengguna (nama, umur) NILAI ('Zhang San', 20);
MASUKKAN KE DALAM pengguna (nama, umur) NILAI ('李思', 25);
MASUKKAN KE DALAM pengguna (nama, umur) NILAI ('王五', 30);

2. Kod PHP untuk mendapatkan data JSON

Gunakan PHP daripada pangkalan data Dapatkan data dan tukarkannya kepada format JSON.

//Sambung ke pangkalan data
$servername = "localhost";
$username = "root";
$password = "";
$dbname = "test";
$conn = new mysqli ($ nama pelayan, $nama pengguna, $kata laluan, $dbname);

// Semak sama ada sambungan berjaya
jika ($conn->connect_error) {

die("连接失败: " . $conn->connect_error);

}

// Dapatkan data daripada pangkalan data
$ sql = "PILIH * DARI pengguna";
$hasil = $conn->query($sql);

// Tukar data kepada format JSON
$data = array();
if ($result->num_rows > 0) {

while($row = $result->fetch_assoc()) {
    $data[] = $row;
}

}

$jsonData = json_encode($data);
echo $jsonData;

// Tutup sambungan pangkalan data
$conn->close();
?>

kod di atas mula-mula menyambung ke pangkalan data , dan mendapatkan data jadual "pengguna". Kemudian, tambahkan setiap baris data pada tatasusunan melalui gelung. Akhir sekali, tatasusunan ditukar kepada format JSON melalui fungsi json_encode() dan rentetan JSON dikeluarkan.

Kod bahagian hadapan menghuraikan data JSON dan menjana jadual HTML

Di halaman hujung hadapan, kami boleh menggunakan JavaScript untuk menghuraikan data JSON yang diperoleh dari bahagian belakang dan menukarnya menjadi jadual HTML.

<meta charset="UTF-8">
<title>JSON to HTML</title>

rreee

<. ;

Kod di atas mula-mula mencipta jadual HTML kosong dan menetapkan pengepala. Kemudian, dapatkan data JSON yang dikembalikan daripada skrip PHP dan huraikannya ke dalam objek JavaScript dengan menggunakan fungsi fetch(). Seterusnya, gunakan forEach() untuk menggelungkan setiap baris data dan gunakan fungsi createElement() untuk mencipta baris jadual HTML. Akhir sekali, tambahkan nilai setiap baris data ke sel yang sepadan dan tambahkan baris pada jadual.

Melalui langkah di atas, kami berjaya menukar data dalam pangkalan data MySQL ke dalam jadual HTML melalui format PHP dan JSON dan membentangkannya ke halaman hadapan.

Ringkasan:

Artikel ini memperkenalkan kaedah menukar data JSON kepada format HTML menggunakan PHP dan MySQL, dan menyediakan contoh kod yang sepadan. Dengan cara ini kita boleh mendapatkan data dari bahagian belakang dengan mudah dan memaparkannya dalam jadual yang mudah dibaca pada halaman hujung hadapan. Saya harap artikel ini akan membantu anda dalam memproses data JSON dan menjana jadual HTML dalam pembangunan web.

Atas ialah kandungan terperinci Bagaimana untuk menukar data JSON ke format HTML dengan PHP dan MySQL?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!