Cara Hapus Data Tanpa Reload dengan Ajax, PDO, PHP || Tutorial Membuat Website Part 5

Sebelumnya saya telah posting Tutorial Membuat Website Part 4 || Cara simpan Data Tanpa Reload dengan Ajax, PDO, PHP, maka kali ini akan dilanjutkan dengan Tutorial Membuat Website Part 5 || Cara Hapus Data Tanpa Reload dengan Ajax, PDO, PHP

Setelah berhasil menyimpan dan menampilkan data tanpa reload maka akan kita lanjutkan dengan hapus data tanpa reload.

Pada halaman data.php tambahkan button hapus dengan event onclick dan tambahkan juga script ajax untuk melakukan pengiriman data yang akan di hapus berdasarkan id.

Kemudian buatlah sebuah halaman baru yaitu halaman hapus.php dan buat coding hapus menggunakan PDO. 

Setelah itu tambahkan juga responsenya menggunakan json agar saat datanya berhasil kita hapus maka akan menampilkan pesan. Untuk lebih jelasnya silahkan ikuti video berikut

  Download Source Code DISINI

Cara simpan Data Tanpa Reload dengan Ajax, PDO, PHP || Tutorial Membuat Website Part 4

Sebelumnya saya telah posting Cara Menampilkan Data Tanpa Reload dengan Ajax, PDO, PHP || Tutorial Membuat Website Part 3
, maka kali ini akan dilanjutkan dengan Cara simpan Data Tanpa Reload dengan Ajax, PDO, PHP || Tutorial Membuat Website Part 4

Kesempatan kali ini kita akan membuat coding simpan data dengan php, pdo, mysql, dan mengirimkan data menggunakan ajax, karna kita akan melakukan pengiriman data dengan ajax maka tambahkan script ajax pada halaman index.php 

Kemudian buat sebuah file baru yaitu simpan.php dan buat coding simpan data menggunakan PHP, PDO, AJAX, untuk lebih jelasnya silahkan simak video berikut

Tutorial selanjutnya yaitu Cara Hapus Data Tanpa Reload dengan Ajax, PDO, PHP || Tutorial Membuat Website Part 5

Download Source Code DISINI

Cara Menampilkan Data Tanpa Reload dengan Ajax, PDO, PHP || Tutorial Membuat Website Part 3

Sebelumnya saya telah posting Cara Membuat Form Input dengan HTML || Tutorial Membuat Website Part 2
, maka kali ini akan dilanjutkan dengan Cara Menampilkan Data Tanpa Reload dengan Ajax, PDO, PHP || Tutorial Membuat Website Part 3

Buatlah sebuah halaman baru yaitu data.php yang berguna untuk memanggil data dari database.

Jangan lupa buat juga file koneksi.php yang akan kita gunakan sebagai koneksi ke database menggunakan PDO.

Saya sengaja buat coding koneksinya singkat agar lebih cepat aja. kemudian tambah script jquery di halaman index.php agar isi dari halaman data.php dapat tampil di halaman index.php dan kita tampung datanya pada class list-data, untuk lebih jelasnya anda dapat simak video berikut

Sekarang kita sudah berhasil menampilkan data dari database tanpa reload.

Tutorial Selanjutnya yaitu Cara simpan Data Tanpa Reload dengan Ajax, PDO, PHP || Tutorial Membuat Website Part 4


Download Source Code DISINI

 

Cara Membuat Form Input dengan HTML || Tutorial Membuat Website Part 2

Sebelumnya saya telah posting Membuat Database Biodata dengan PhpMyAdmin || Tutorial Membuat Website Part 1
, maka kali ini akan dilanjutkan dengan Cara Membuat Form Input dengan HTML || Tutorial Membuat Website Part 2

Buatlah sebuah halaman index.php dan buat juga sebuah folder baru di htdocs yaitu folder biodata untuk menyimpan semua file yang kita buat.

Copy file jquery.js ke dalam folder biodata jika belum ada silahkan download file jquery.js terbaru dan Buatlah script html di halaman index.php agar lebih jelas silahkan simak video berikut

 

Tutorial selanjutnya yaitu Cara Menampilkan Data Tanpa Reload dengan Ajax, PDO, PHP || Tutorial Membuat Website Part 3

Download Source Code DISINI