Langsung ke konten utama
Bootstrap Modal dan Ajax

Assalamualaikum Warrahmatullahi Wabarakatuh

Halo guys balik lagi dengan saya dan kali ini saya akan melanjutkan materi kemarin yaitu sekarang kita akan membahas Bootstrap Modal dan Ajax pasti kalian tidak tahu kan apa itu ajax , AJAX adalah sebuah singkatan dari Asynchronous Javascript and XML dan mengacu pada sekumpulan teknis pengembangan web (web development) yang memungkinkan aplikasi web untuk bekerja secara asynchronous (tidak langsung) – memproses setiap request (permintaan) yang datang ke server di sisi background. Gunanya adalah kita dapat menggunakan sebuah verifikasi untuk itu, sehingga tidak akan ter logout atau terhapus secara tidak sengaja.

Pertama kalian download file ini terlebih dahulu disini.


v_index.php :
Masukan code ini di bawah tag <head> 




v_index.php

Masukan code ini sebelum tag akhir </body>

Kode di atas berguna untuk menampilkan pemberitahuan 'ya' atau 'tidak'


Sekarang kita akan mengganti button nya menjadi seperti ini :




Selanjutnya kita akan menambahkaninput dari btnYa dengan jQuery 
simpan kode berikut sebelum tag penutup head </head> :





kode-kode tersebut berguna untuk menerima dan mengirim value pada tag-tag yang berada pada popup. Seperti event onclick akan diterima oleh statement on "click" tersebut kemudian akan diproses di baris-baris selanjutnya

berikut merupakan hasil dari kode yang telah kita buat :


Tampilan Awal :





Tampilan setelah mengklik tombol delete :






Tampilan setelah mengklik tombol "YA" :





Ya cukup sekian guys materinya mohon maaf ya bila banyak kesalahan sampai jumpa minggu depan. Wassalamualaikum Warrahmatullahi Wabarakatuh

Komentar

Postingan populer dari blog ini

Array Asosiatif, CSS Media Query, dan Fungsi Pada PHP

Asssalamualaikum Warrahmatullahi Wabarakatu, halo gais balik lagi sama saya, nah kali ini kita akan mempelajari tentang Array Asosiatif, CSS Media Query, dan Fungsi Pada PHP. Array Asosiatif Seperti yang dijelaskan sebelumnya, Array asosiatif adalah array yang tidak menggunakan angka sebagai kunci di setiap nilainya. Jika tidak ditentukan kunci dari sebuah elemen di array, PHP akan otomatis memberikan kuncinya berupa angka. Lihat kode dibawah untuk lebih jelasnya : See the Pen ExxjYpR by Milyardin L P ( @milyardinardin ) on CodePen . Hasilnya : dalam menggunakan array tersebut, nis berlaku sebagai key dan nama sebagai value, dengan memanggil key, kita bisa mengambil data value nya. Untuk memudahkan kita dalam mengambil data Array Asosiatif, dapat digunakan pula foreach, lihat kode dibawah : See the Pen pooJzYW by Milyardin L P ( @milyardinardin ) on CodePen . Hasilnya : Studi Kasus.php : See the Pen abbObBx by Milyardin...