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.

3f8c11a060385236a0ab7f79db1a0a4cconnect_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.

8b05045a5be5764f313ed5b9168a17e6

79f3c40da54ef5d40936e03721084a11
a801d9c20ab268ecdf000c4cd37b7338

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

4f7e9ee3c387fa7cd73e9b3fa70c81fd

3c30aa6c4c72dd8ead30672a51b803a7
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!