Belajar CRUD Dengan PHP dan Ajax Part 4

Halo Dumenity, selamat datang kembali di laman tips dan trik Dumet School. Berjumpa kembali dengan saya di pembahasan tips dan trik seputar dunia laman, di kesempatan kali ini saya akan melanjutkan artikel sebelumnya yaitu Belajar CRUD Dengan PHP dan Ajax Part 4 dan kali ini kita akan membangun fitur delete data dengan ajax dan php. Teman – teman dapat review artikel saya sebelumnya Belajar CRUD Dengan PHP dan Ajax Part 3 bagi dapat melanjutkan ke tahap ini yaitu delete data.

Bagus, seketika saja kita implentasikan Belajar CRUD Dengan PHP dan Ajax Part 4 kita tambahkan button delete nya terlebih dahulu

<td><button class=”btn btn-danger delete” id=”<?php echo $ouputs[‘id’] ?>”>Hapus</button></td>

1	<td><button class=“btn btn-danger delete” id=“<?php echo $ouputs[‘id’] ?>“>Hapus</button></td>

Kemudian pun tambahkan button di pada ajax nya, lalu berikan kegunaan load() yang saya gunakan bagi reload hanya body nya saja.

Yang berfungsi bagi manambahkan data baru sekaligus dengan button dan id yang terdapat di database yang akan kita gunakan bagi menghapus data. Berikutnya kita bikin kegunaan delete nya, teman – teman bikin file baru dengan nama delete.php kemudian kembali lagi di file index.php nya, dan ketikkan script di bawah ini

$(“.delete”).click(function(){<br />
	var tr = $(this).closest(‘tr’);<br />
    var id_delete = $(this).attr(‘id’);<br />
	$.ajax({<br />
		method: “POST”,<br />
		url: “delete.php?delete=”+ id_delete,<br />
		cache:false,<br />
		data: {delete_id:id_delete, type:”delete”},<br />
		success:function(data){<br />
			console.log(data);<br />
			tr.fadeOut(function(){<br />
                $(this).remove();<br />
            });<br />
		}<br />
	});<br />
});

$(“.delete”).click(function(){

var tr = $(this).closest(‘tr’);

var id_delete = $(this).attr(‘id’);

$.ajax({

method: “POST”,

url: “delete.php?delete=”+ id_delete,

cache:false,

data: {delete_id:id_delete, type:“delete”},

success:function(data){

console.log(data);

tr.fadeOut(function(){

$(this).remove();

});

}

});

Dan buka file delete.php, kemudian masukkan script di bawah ini bagi menjalankan kegunaan delete nya

<?php<br />
include_once ‘config.php’;<br />
if(isset($_GET[‘delete’])){<br />
	$id = $_GET[‘delete’];<br />
	$query1 = “DELETE FROM profil_murid WHERE id=$id”;<br />
	if(mysqli_query($link, $query1)){<br />
		echo ‘data berhasil di hapus’;<br />
	}else{<br />
		echo ‘gagal’;<br />
	}<br />
}

<?php

include_once ‘config.php’;

if(isset($_GET[‘delete’])){

$id = $_GET[‘delete’];

$query1 = “DELETE FROM profil_murid WHERE id=$id”;

if(mysqli_query($link, $query1)){

echo ‘data berhasil di hapus’;

}else{

echo ‘gagal’;

}

Kalau telah save dan jalankan di browser nya

Kemudian saya akan menghapus data yang sangat atas dengan klik tombol hapus

Karenanya data akan terhapus dengan fadeout() tanpa reload sama sekali, nah begitulah delete menggunakan ajax dan php. Sekianlah di artikel kali ini tentangÂ Belajar CRUD Dengan PHP dan Ajax Part 4 kita jumpa di artikel berikutnya, pastinya kita akan membangun fitur update supaya terpenuhi fitur CRUD nya dengan ajax dan PHP. Terimakasih dan hingga jumpa, semoga bermanfaat.

sumber :kursuswebprogramming.com/blog/

(Visited 1 times, 1 visits today)

Leave a Reply Cancel reply