Membuat CRUD Sederhana dengan AJAX ( Bagian 3 )

Udah pada mau lanjut ni? hehehe tenang gan, kali ini saya akan langsung ke cara menampilkannya setelah kita kirim. Untuk yang baru membaca dan berminat mengikuti tutorial ini, langkah lebih baiknya jika anda membaca pengenalan dan tutorial pertama dan kedua. Kali ini kita akan sama - sama belajar untuk menampilkan secara langsung tanpa refresh data yang akan kita masukan melalui AJAX.

Untuk lanjut ke tahap ini, anda harus sudah bisa atau yang lebih baik yaitu faham dengan tutorial pertama dan kedua, meskipun untuk menampilkan data di tahap ini terbilang mudah tetapi juga membutuhkan pemahaman.

Alat dan bahan sama seperti tutorial sebelumnya

Tahapan : 
  1. Pertama - tama kita buat dokument baru, beri nama "tampil.php".
  2. Masukan script berikut.
  3. Kemudian masukan script ini ke dalam div yang sudah kita buat di index.php.
  4. Setelah itu kita masuk ke web browser dan refresh halamannya. Ini hasilnya !
    •  Itu ada lah tampilan data yang sudah kita masukan di tahap ke dua
  5. Lalu bagaimana ajaxnya? Nah sekarang kita mulai scriptnya.
    •  prepend maksudnya dalah, jika kita memasukan data maka akan muncul diatas data yang sudah kita buat.
  6. Langsung kita refresh dan kita coba tambahkan data, hasilnya langsung muncul tanpa kita refresh.

Lanjut di Tutorial Berikutnya ya Gan :D

Share this

Related Posts

Previous
Next Post »