PHP, MySQL, AJAX, jQuery kullanarak Tablodan Birden Çok Satır Silme

Bu derste PHP, MySQL, AJAX, jQuery kullanarak tablodan birden çok satırı nasıl sileceğinizi göreceğiz. MySQL veritabanı tablosunun yanı sıra HTML’deki satırları da sileceğiz. Veritabanı tablosundan birden çok satırı silmek için MySQL sorgusunda WHERE koşulu ile IN yan tümcesini kullanacağız.

Kullanıcının silinmek üzere belirli bir satırı seçebilmesi için tablodaki her satıra onay kutusu koyacağız. Ayrıca tablo başlığına bir onay kutusu koyacağız ve bu onay kutusunu seçerek tablodaki tüm satırlar silinmek üzere seçilecektir.

Onay kutusunu işaretlemek veya işaretlemek için jQuery kullanıyoruz. Kullanıcı tablodaki satırlar için tüm onay kutularını manuel olarak seçerse, tablo üstbilgisindeki onay kutusu, tablo gövdesindeki tüm onay kutularının işaretli olduğunu göstermek için otomatik olarak işaretlenir. Tablo gövdesindeki onay kutularından herhangi birinin işareti kaldırılırsa, başlık onay kutusunun işareti otomatik olarak kaldırılır.

MySQL Tablosu
Verileri MySQL veritabanından devredeceğimiz için bunun için bir tabloya ihtiyacımız var. Bu yüzden ticaret veritabanı altında ürün adı verilen bir tablo oluşturacağız.

Uygulamamızı test etmek için bazı veriler de ekleyeceğiz.


CREATE TABLE `urunler` (
  `uno` int(11) NOT NULL,
  `uadi` varchar(25) COLLATE utf8_turkish_ci DEFAULT NULL,
  `fiyat` float DEFAULT NULL,
  `miktar` int(11) DEFAULT NULL
) ENGINE=InnoDB DEFAULT CHARSET=utf8 COLLATE=utf8_turkish_ci;

--
-- Tablo dÃ¶kÃ¼m verisi `urun`
--

INSERT INTO `urunler` (`uno`, `uadi`, `fiyat`, `miktar`) VALUES
(1, 'elma', 5, 199999),
(2, 'armut', 5, 199999),
(3, 'muz', 5, 199999),
(4, 'pÄ±rasa', 3, 199999),
(5, 'domates', 4, 199999),
(6, 'patates', 3, 199999),
(7, 'mandalina', 4, 199999),
(8, 'portakal', 8, 199999),
(9, 'limon', 7, 199999),
(10, 'Seftali', 6, 199999),
(11, 'Kiraz', 9, 199999),
(12, 'Uzun', 6, 199999),
(13, 'patlÄ±can', 3, 199999),
(14, 'dut', 6, 199999),
(15, 'ayva', 10, 199999);

CREATE TABLE `urunler` (

`uno` int(11) NOT NULL,

`uadi` varchar(25) COLLATE utf8_turkish_ci DEFAULT NULL,

`fiyat` float DEFAULT NULL,

`miktar` int(11) DEFAULT NULL

) ENGINE=InnoDB DEFAULT CHARSET=utf8 COLLATE=utf8_turkish_ci;

-- Tablo dÃ¶kÃ¼m verisi `urun`

INSERT INTO `urunler` (`uno`, `uadi`, `fiyat`, `miktar`) VALUES

(1, 'elma', 5, 199999),

(2, 'armut', 5, 199999),

(3, 'muz', 5, 199999),

(4, 'pÄ±rasa', 3, 199999),

(5, 'domates', 4, 199999),

(6, 'patates', 3, 199999),

(7, 'mandalina', 4, 199999),

(8, 'portakal', 8, 199999),

(9, 'limon', 7, 199999),

(10, 'Seftali', 6, 199999),

(11, 'Kiraz', 9, 199999),

(12, 'Uzun', 6, 199999),

(13, 'patlÄ±can', 3, 199999),

(14, 'dut', 6, 199999),

(15, 'ayva', 10, 199999);

İçindekiler

Proje Oluştur

Windows sisteminde Apache, PHP ve MySQL kurulumuna sahip olduğunuz varsayılmaktadır.

Şimdi Apache sunucusunun htdocs klasörü altında php-ajax-jquery-multiple-row-delete adlı bir proje kök dizini oluşturacağız.

Sonraki bölümlerde proje kök dizininden bahsetmeyebiliriz ve proje kök diziniyle ilgili konuştuğumuzu varsayacağız.

Veritabanı Yapılandırmaları

MySQL veritabanından veri seçme, MySQL veritabanından veri silme gibi çeşitli veritabanı işlemleri için db.php dosyası oluşturun.

Lütfen veritabanı kimlik bilgilerini veritabanınıza göre değiştirmeyi unutmayın.


<?php
$dbHost     = "localhost";
$dbUsername = "root"; //db kullanıcı adı
$dbPassword = "";//db şifre
$dbName     = "ticaret";//db adı

$db = new mysqli($dbHost, $dbUsername, $dbPassword, $dbName);

if ($db->connect_error) {
    die("Bağlantı hatası: " . $db->connect_error);
}

<?php

$dbHost = "localhost";

$dbUsername = "root"; //db kullanıcı adı

$dbPassword = "";//db şifre

$dbName = "ticaret";//db adı

$db = new mysqli($dbHost, $dbUsername, $dbPassword, $dbName);

if ($db->connect_error) {

die("Bağlantı hatası: " . $db->connect_error);

}

Tablo Satırlarını Silme

Seçilen satırları MySQL sorgusunda WHERE koşulu ile IN yan tümcesini kullanarak veritabanı tablosundan sileceğiz.

AJAX URL’sinden çağrılacak PHP’de REST API oluşturacağız.

Aşağıdaki REST API, herhangi bir kaynağın yalnızca http yöntemi POST için erişilebilir olmasına izin verir. JSON parametresi, satırları silmek için istek gövdesinde kullanılacaktır.

Aşağıdaki kodla delete.php adlı bir PHP dosyası oluşturuyoruz:


<?php
require_once 'db.php';

header("Access-Control-Allow-Origin: *");
header("Access-Control-Allow-Methods: POST");


if ($_SERVER['REQUEST_METHOD'] === 'POST') {
	// post verisini oku
	$data = json_decode(file_get_contents("php://input", true));
	
	$sql = "DELETE FROM urunler WHERE uno IN (" . mysqli_real_escape_string($db, $data->uno) . ")";
	$result = $db->query($sql);
	
	if($result) {
		echo '<span style="color:green;">Urunler basariyla kaldirildi.</span>';
	} else {
		echo '<span style="color:red;">Silme isleminde bir sorun olustu</span>';
	}
}

<?php

require_once 'db.php';

header("Access-Control-Allow-Origin: *");

header("Access-Control-Allow-Methods: POST");

if ($_SERVER['REQUEST_METHOD'] === 'POST') {

// post verisini oku

$data = json_decode(file_get_contents("php://input", true));

$sql = "DELETE FROM urunler WHERE uno IN (" . mysqli_real_escape_string($db, $data->uno) . ")";

$result = $db->query($sql);

if($result) {

echo '<span style="color:green;">Urunler basariyla kaldirildi.</span>';

} else {

echo '<span style="color:red;">Silme isleminde bir sorun olustu</span>';

}

PHP’de aşağıdaki kodu kullanarak JSON body parametresini alırız.


file_get_contents("php://input", true)

file_get_contents("php://input", true)

Ürün Ayrıntılarını Getirme ve Görüntüleme

Ardından, veritabanı tablosundan satırlar getirip bir HTML tablosunda görüntüleyeceğiz.

Silinecek satırı seçmek için her satıra onay kutusu koyduk. Öte yandan, silinmek üzere tüm satırları seçmek için onay kutusunu masa başlığına koyduk.

Temel stili uyguladık ve silme faaliyetlerini gerçekleştirmek için AJAX isteğini kullanıyoruz.

index.php dosyasına aşağıdaki kodu yazın.


<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>Tasarım Kodlama Com</title>
	<script src="https://code.jquery.com/jquery-3.5.0.min.js"></script>
    
    
</head>
<body>

<div>
	<h1>PHP, AJAX, MYSQL Örnekleri</h1>

	<div>
		<?php
			require_once 'db.php';
			
			$sql = "SELECT * FROM urunler";
			$result = $db->query($sql);

			if($result) {
		?>
			<div id="mesaj"></div>
			<button id="delete_selected">Silinecek Verileri Seçin</button>
			<table>
				<thead>
					<tr>
						<th></th>
						<th>UNO</th>
						<th>AD</th>
						<th>FİYAT</th>
						<th>MİKTAR</th>
					</tr>
				</thead>
				<tbody>
					<?php while($urun = $result->fetch_assoc()) { ?>
						<tr>
							<td><input type="checkbox" name="satir-sec" value="<?php echo $urun['uno'];?>"></td>
							<td><?php echo $urun['uno']; ?></td>
							<td><?php echo $urun['uadi']; ?></td>
							<td><?php echo $urun['fiyat']; ?></td>
							<td><?php echo $urun['miktar']; ?></td>
						</tr>
					<?php }	?>
				</tbody>
			</table>
		<?php
			} else {
				echo '<div style="color:red;"><p>Kayıt yok</p></div>';
			}
		?>
	</div>
</div>
    <script src="app.js"></script>
</body>
</html>

<!DOCTYPE html>

<html>

<head>

<title>Tasarım Kodlama Com</title>

</head>

<body>

<div>

<h1>PHP, AJAX, MYSQL Örnekleri</h1>

<div>

<?php

require_once 'db.php';

$sql = "SELECT * FROM urunler";

$result = $db->query($sql);

if($result) {

<button id="delete_selected">Silinecek Verileri Seçin</button>

<table>

<thead>

<tr>

<th>FİYAT</th>

<th>MİKTAR</th>

</tr>

</thead>

<tbody>

<?php while($urun = $result->fetch_assoc()) { ?>

<tr>

</tr>

<?php } ?>

</tbody>

</table>

<?php

} else {

echo '<div style="color:red;"><p>Kayıt yok</p></div>';

}

</div>

</body>

</html>

REST API Çağrısı

Şimdi satırları silmek için REST API çağırmak için jQuery ile AJAX kullanın. Ayrıca, satırları seçmek ve onay kutusu değerlerini almak için jQuery kullanırız.


	$("#delete_selected").on("click", function () {
		var id = '';
        var virgul = '';
        
		$("input:checkbox[name='satir-sec']:checked").each(function() {
			id = id + virgul + this.value;
            virgul = ',';		
        });		
       
		if(id.length > 0) {
			$.ajax({
				type: "POST",
				url: "http://localhost/php/delete.php",
				data: JSON.stringify({'uno': id}),
				dataType: "html",
				cache: false,
				success: function(mesaj) {
					$("#mesaj").html(mesaj);
				},
				error: function(jqXHR, status, error) {
					$("#mesaj").html("<span style='color:red;'>" + status + " " + error + "</span>");
				}
			});
		} else {
			$("#mesaj").html('<span style="color:red;">You must select at least one product for deletion</span>');
		}
	});

$("#delete_selected").on("click", function () {

var id = '';

var virgul = '';

$("input:checkbox[name='satir-sec']:checked").each(function() {

id = id + virgul + this.value;

virgul = ',';

});

if(id.length > 0) {

$.ajax({

type: "POST",

url: "http://localhost/php/delete.php",

data: JSON.stringify({'uno': id}),

dataType: "html",

cache: false,

success: function(mesaj) {

$("#mesaj").html(mesaj);

error: function(jqXHR, status, error) {

$("#mesaj").html("<span style='color:red;'>" + status + " " + error + "</span>");

}

});

} else {

$("#mesaj").html('<span style="color:red;">You must select at least one product for deletion</span>');

}

});

EtiketlerPHP Jquery Veri Silme PHP MySQL AJAX İşlemleri

PHP, MySQL, AJAX, jQuery kullanarak Tablodan Birden Çok Satır Silme

Proje Oluştur

Veritabanı Yapılandırmaları

Tablo Satırlarını Silme

Ürün Ayrıntılarını Getirme ve Görüntüleme

REST API Çağrısı

Yorum Yap

İptal Et

Proje Oluştur

Veritabanı Yapılandırmaları

Tablo Satırlarını Silme

Ürün Ayrıntılarını Getirme ve Görüntüleme

REST API Çağrısı

Bunları da beğenebilirsiniz

Yorum Yap