Menampilkan data json menggunakan jquery ajax ini sangat membantu kita dalam menampilkan sebuah data dari database. Ketika kita mengambil data dari database dan merubah menjadi data JSON menggunakan PHP json_encode (), maka data yang kita tampilkan responnya sangat cepat sekali. Kemudian, kita mem-parsing data JSON dan mengulangi objek dari fungsi jQuery.

Untuk yang ingin belajar tentang json, artikel ini saya buat untuk membantu Anda dalam mempelajari json.

Script HTML untuk Menampilkan Data Json

Script di bawah ini kita buat untuk menampilkan hasil dari data json, ketika data json berhasil dibuat maka HTML akan menampilkan data json tersebut ke layar tampilan.

jQuery JSON Read Function

Fungsi ini akan dipanggil pada event klik button raed. Fungsi Ini menggunakan getJSON jQuery untuk membaca data JSON yang dikembalikan dari halaman PHP. Iterates objek JSON array dan menambahkan hasil ke HTML,

Membuat Data JSON dalam PHP

Kode PHP ini membaca data dari database. Dan kemudian, menggunakan fungsi json_encode (), ia mengubah array hasil database menjadi string berformat JSON. Ini akan dikirim sebagai respons terhadap permintaan getJSON jQuery.

Oke lihat hasil dari codingan di atas,

Cara Menampilkan Data JSON menggunakan jQuery AJAX

Ketika user mengklik button di atas maka akan menghasilkan output seperti di bawah ini,

Cara Menampilkan Data JSON menggunakan jQuery AJAX

Oke itulah tadi pembahasan saya tentang Cara Menampilkan Data JSON menggunakan jQuery AJAX, semoga bermanfaat.