asp.net core basit crud uygulaması - veri silme fonksiyonu - deleteproduct js fonksiyon /// 12

• Veriler listelendiğinde, herhangi bir veriyi silmek için "Delete" tuşu tanımlanmıştı.

• İşte bu Delete tuşuna basıldığı zaman bir JavaScript fonksiyonu tetiklenecek.

• Bu  fonksiyon, Index View'inin en altında @section Scripts özelliği içerisinde tanımlandı.

• Bunun sebebi, Visual Studio'da hazır bir MVC projesi oluşturulduğunda bir şablon da beraberinde gelir.

• Views\Shared\_Layout.cshtml dizininde aşağıdaki kod bulunur. 

• @await RenderSectionAsync("Scripts", required: false)

• Bu kodun anlamı, bir View özelinde Scripts section'u içerisinde o View'e özel script kodları bulunabilir demektir.

• Yani sadece Index View'ini ilgilendiren bir JS fonksiyonu bu şekilde tanımlanabilir.

• Bu kod, bir "Scripts" adlı bölüm içinde tanımlanan bir script bloğudur.

• Bu fonksiyon, "deleteProduct" adını taşır ve bir parametre olarak "id" alır.

• İlk olarak, kullanıcıya "Bu ürünü silmek istediğinizden emin misiniz?" diye bir soru soran bir "confirm" kutusu gösterilir. 

• Eğer kullanıcı "true" (evet) seçeneğini seçerse, bir "ajax" isteği gönderilir. 

• Bu istek "DELETE" türünde ve "/Product/DeleteProduct/ + id" adresine gönderilir.

• Eğer istek başarılı olursa, kullanıcıya "Product deleted successfully!" (Ürün başarıyla silindi!) diye bir uyarı verilir ve sayfa yeniden yüklenir.

• function deleteProduct(id); 

• Bu kod satırı, deleteProduct adlı bir JavaScript fonksiyonu oluşturur ve fonksiyonun içine id adlı bir parametre gönderir.

• var confirmDelete = confirm("Are you sure you want to delete this product?");

• Bu kod satırı, kullanıcıya ürünü silmek istediğine dair bir onay mesajı gösterir ve kullanıcının cevabını confirmDelete değişkenine atar.

• if (confirmDelete == true) {

• Bu kod satırı, eğer kullanıcı ürünü silmek istediğini onayladıysa işlemleri gerçekleştirir.

• "$.ajax({

• Bu kod satırı, jQuery kütüphanesi kullanarak bir ajax isteği başlatır.

• type: 'DELETE', 

• Bu kod satırı, ajax isteğinin türünü "DELETE" olarak belirtir.

• Bu, sunucuya ürünü silmek için bir istek gönderir.

• url: '/Product/DeleteProduct/' + id,

• Bu kod satırı, ajax isteğinin yapılacağı URL'yi belirtir. 

• Bu URL, "Product" denetleyicisi ve "DeleteProduct" işlevine yönlendirir ve id parametresini ekler.

• success: function(data) {

• Bu kod satırı, ajax isteği başarılı olduğunda yapılacak işlemleri belirtir.

• alert("Product deleted successfully!");

• Bu kod satırı, ürünün silindiğini onaylayan bir uyarı mesajı gösterir.

• location.reload(); 

• Bu kod satırı, sayfayı yeniler ve silinen ürünün görünmemesi için gerekli olan güncellemeyi yapar.

• };

• Bu kod satırı, ajax isteği başarılı olduğunda yapılacak işlemlerin sonunda kullanılır.