Adım Adım MVC (3. Bölüm)


AJAX İLE UPDATE, DELETE, CREATE İŞLEMLERİ

Her işlemde formun bütün olarak tekrar post edilmesi ile kaybedilen zaman ve fonksiyonel kaybı minimuma indirmek adına, oluşturacağımız script ile sadece gerekli yerin çağrılmasını ve projenin hızlanmasını sağlayacağız. AJAX kullanımı, MVC projelerimizde hız ve performans optimizasyonu açısından önemli bir yer teşkil edecektir.  Öncelikle Create methodumuzu düzenleyerek başlayalım:

Create Data MVC Ajax

Yukarıda gördüğünüz gibi create.cshtml’in içine veri tipi json olan bir Ajax scripti oluşturuyoruz. Input Type’ı ‘submit’ olan Create butonumuzun tipini ‘button’ olarak değiştiriyor ve scriptte verdiğimiz id’yi butona da tanımlıyoruz. Son olarak form methodumuza, scriptte serialize etmesi amacıyla tanımladığımız CreateForm’u id olarak ekliyoruz:

<form method=”post” id=”CreateForm”>

Artık Create işlemimizi Ajax ile gerçekleştirebiliriz.

Mvc ile data ekleme ajax

Şimdi Controller altında UserController class’ımızı Edit ve Delete işlemleri için düzenliyoruz.

Edit:

Mvc Data Edit İşlemi

 

 

 

 

Delete:

MVC Delete İşlemi

 

Şimdi bu üç işlemimizi tek sayfada birleştirmek ve main page oluşturmak için User klasörümüzün altına Index.cshtml dosyası oluşturuyoruz. Aynı zamande Delete fonksiyonumuzun scriptini de, işlem yapılırken farklı sayfaya gidilmesine ihtiyaç olmadığı için ana sayfamızda yazıyoruz.  Öncelikleri veri alanlarını dolduracağımız tablomuzu ve işlemleri gerçekleştireceğimiz(Create, Edit, Delete) butonlarımızı oluşturuyoruz:

Mvc tablo oluşturma

 

Sonra ise index’imizde gerçekleşecek olan Delete işleminin Ajax scriptini sayfaya entegre ediyoruz:

Mvc Ana Sayfa Oluşturma

Artık database’e veri gönderebileceğimiz, düzenleyip, silme işlemini gerçekleştirebileceğimiz sayfamız hazır :

Mvc ile veritabanı işlemleri

 

Mutlu bir kod deneyimi dileğiyle. :)

Daha fazla örnek için MVC sayfamızı ziyaret edebilir, adım adım MVC’ye ısınabilirsiniz :)

Bunlar da ilginizi çekebilir

1 Response


  • Berkay TÜRK // // Reply

    Merhaba ben ASP.NET MVC teknolojisinde yeniyim. ThemeForest sitesinden bir tema satın aldım. Fakat bu temayı bir türlü projeme dahil edemiyorum lütfen yardım eder misiniz?

Gitmeden yorumunuzu bırakın.


Time limit is exhausted. Please reload the CAPTCHA.