JQuery AJAX ile HTML tablo satırı silinmesi
Sayfadan ayrılmadan, bir kac satırlık kod ile HTML tablosundan satır(row) silmek cok mümkündür. SIL linkine/buttonuna tıklanıldıgında
kullanıcı alert kutusu ile uyarılır. Kullanıcı OK buttonuna bastıgında fonksiyon ajax.php’ ye giderek ve id’ si musteriid olan kayıdı siler.
Hic bir hata oluşmazsa, silinmek istenilen satır yukarı dogru kayar ve görünmez olur. Sonunda da kullanıcı “Başarı ile silindi” alert kutusuyla bilgilendirilir. Isterseniz, burada alert yerine herhangi JQuery notify plugin’lerinden (eklenti) birini kullanabilirsiniz.
Istediginiz bir editörde index.php sayfası oluşturun ve aşağıdaki HTML kodunu <BODY> tag içine kopyalayın.
</HEAD> taginin hemen ustune JQuery kütüphanesini eklemeyi unutmayın. Örneğin
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
tablo satır(tr) id’ lerinin benzersiz olmasına özen gostermelisiniz. Yoksa istenilmeyen etkilere yol açabilirler.
HTML: index.php
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<thead>
<tr>
<th>Sira 1</th>
<th>Sira 2</th>
<th>Sira 3</th>
<th> </th>
</tr>
</thead>
<tbody>
<tr id="sat_1"><!-- tr id' lerinin benzersiz olması gerekmektedir.-->
<td> </td>
<td> </td>
<td> </td>
<td><a href="#" onclick="satirSil('1','ajax.php','sat_');return false">SIL</a></td>
</tr>
<tr id="sat_2">
<td> </td>
<td> </td>
<td> </td>
<td><a href="#" onclick="satirSil('2','ajax.php','sat_');return false">SIL</a></td>
</tr>
<tr id="sat_3">
<td> </td>
<td> </td>
<td> </td>
<td><a href="#" onclick="satirSil('3','ajax.php','sat_');return false">SIL</a></td>
</tr>
<tr id="sat_4">
<td> </td>
<td> </td>
<td> </td>
<td><a href="#" onclick="satirSil('4','ajax.php','sat_');return false">SIL</a></td>
</tr>
<tr id="sat_5">
<td> </td>
<td> </td>
<td> </td>
<td><a href="#" onclick="satirSil('5','ajax.php','sat_');return false">SIL</a></td>
</tr>
</tbody>
</table>
Hemen </BODY> taginin üstünde aşağıdaki javascript kodunu kopyalayın.
Javascript
<script>
/*
museriid: veritabanından gelen satır(row) id
url: silme isleminin yapılacagı sayfa linki
satirismi: tablo satır id. örn. sat_
sat_ değişkendir. Istediginiz isim verilebilir. Ya da boşluk bırakılabilir.
*/
function satirSil(musteriid,url,satirismi){
if (confirm('Eminmisiniz?')) {
$.ajax({
type: 'GET', // veya POST
url: url, //ajax.php
data: 'id=' + musteriid,
success: function(html) {
if (satirismi != '') {
$("#" + satirismi + musteriid).fadeOut("slow");
alert("Başarı ile silindi");
}
}
});
}
}
</script>
Daha sonra ajax.php sayfası olusturun ve asağıdaki PHP kodunu bu sayfanın icine kopyalayın.
PHP: ajax.php
<?PHP
//ajax.php
// daha once veritabani baglantinizi yapmis olmalisiniz
$sql ="DELETE FROM tablo_ismi WHERE satir_no=".(int)$_GET['id'];
$mysqli->query($sql);
?>
