Sebelumnya kita sudah pernah mencoba menggunakan metode load pada ajax, karena permintaan murid yang request jadi untuk metode ajax nanti dulu ya, dan seperti yang tadi saya tulis di awal kita sudah membahas tentang metode load, bedanya disini kita akan meload data, dimana data itu berasal dari sebuah database yang sudah kita simpan, dan untuk kasus kali ini kita akan coba menampilkannya, jadi seperti apa cara menampilkan data dari database dengan ajax jquery, simak terus ya teman-teman.

Cara Menampilkan data dari database dengan Ajax JQuery

Cukup menggunakan metode load kita sudah bisa menampilkannya masih ingat kah teman-teman cara menggunakannya, seperti ini:

bisa di lihat ada 3 dimana ada data.php untuk url nya ini wajib ya, dan type:view ini opsional ini adalah datanya, dan yang terakhir response ini juga opsional.

dan jika kita lihat kode load di atas berarti disini saya akan mencoba menampilkan datanya di sebuah tag tbody dan saya membawa data view dengan response kita tampilkan data itu di tbody nya, disini belum terlihat ya, nanti kita akan kerjakan, oke jika teman-teman sudah paham, sekarang kita buat struktr html nya, silahkan teman-teman ketika struktur html nya seperti ini:

Jika teman-teman malas mengetiknya silahkan copy saja, dan jangan lupa cantumkan link nya ya, dan disini saya menggunakan jquery yang online ya, Sekarang kita coba buat script nya, seperti ini:

  1. $(“.updateMurid”).hide() = untuk menyembunyikan button update
  2. disini saya menggunakan array object dimana nanti akan ada banyak data, salah satunya ada show. dan show ini terdiri dari metode load dari ajax ya, seperti yang sudah saya ketikan di atas, dan bisa dilihat ada $(“tbody”).html(response); itu berrti response dari data.php akan kita tampilkan pada tbodnya ya.
  3. dan ada app.show() supaya bisa langsung di tampilkan.

dan hasil project yang nanti kita akan kerjakan seperti ini ya:

cara menampilkan data dari database dengan ajax jquery

sangat cantik ya, karena sangat panjang disini saya belum mencoba bagaimana cara mengetikan source code data.php nya dan koneksinya, maka dari itu akan saya lanjutkan pada artikel selanjutnya saja,  dan silahkan teman-teman mampir ke artikel saya selanjutnya disini cara menampilkan data dari database dengan ajax jquery part 2 dan saya rasa sampai disini belajar kita tentang cara menampilkan data dari database dengan ajax jquery, semoga bermanfaat dan sampai jumpa pada artikel selanjutnya terimakasih.