Asp NET MVC Controller tarafına veri gönderme: 1- javascript fetch ile 2- Form ile veri gönderme

-

 

Bu döküman, Fatih Baytar | Software Development kanalındaki "Asp NET MVC Film Sitesi Örneği | Javascript fetch ve Form ile veri gönderme" isimli videoda ile hazırlanmıştır.

1.Yöntem: Javascript ile verileri göndermek (fetch tercih ettik)

Örnek:

1- Sayfada film listelediğimiz görünümü hazırladık:



2- Listede işlem yapmak için script işlemlerimizi yaptık. Böylece sayfa tarafı tamamlanmış oldu:

Burada veriyi Fetch ile gönderdik. Ajax ile de işlem yapabilirdik. Ama onu eklemek yerine fetch tercih ettik.


3- Artık Backand tarafına veriler gönderildi. Controllerda veriyi karşılayacağız.

3.1. Veriyi karşılayacağımız modeli oluşturduk



3.1. Controller içerisinde Like isimli Metodumuzu yazdık



2.Yöntem: Form ile verileri göndermek

Örnek:

1- Sayfada film listelediğimiz görünümü hazırladık:

    Method olarak get seçmedik. Çünkü get ile URL üzerinden gider. URL üzerinden eposta, password gitmesini istemiyoruz.

    Method olarak post dedikten action="" şeklinde bilgi vermedik. Bu durumda ilgili sayfanın adıyla aynı olan controller ve aynı isimde bir metod arar ve orada işlemi yapar.



2. Veriyi karşılayacağımız modeli oluşturduk


3- Artık Backand tarafına veriler gönderildi. Controllerda veriyi karşılayacağız.





Yorumlar

Yorum Gönder

Bu blogdaki popüler yayınlar

ÇÖZÜLDÜ: mapper, System.BadImageFormatException: 'Could not load file or assembly 'DataAccess....Geçersiz biçimdeki bir program yüklenmek istendi

-
Resim
  Alınan hata: System.BadImageFormatException: 'Could not load file or assembly 'DataAccess, Version=1.0.0.0, Culture=neutral, PublicKeyToken=null'. Geçersiz biçimdeki bir program yüklenmek istendi Hata yeri: public KRM_PERSONEL_BILGIController(IMapper mapper)             {                 _imap = mapper;                 personelBusiness = new KRM_PERSONEL_BILGIBusiness(mapper);             } ÇÖZÜM: (Kıymetli kardeşim Abdullah Yazıcı ya teşekkürler) Ana hatanın kaynağı DataAccess katmanının x86 ya göre buid edilmesiydi. Geçen sefer bunu düzeltmiştik fakat yine aynısı olmuş. Bunu düzeltmek için Dataaccess projesinde sağ tıklayıp properties sekmesine geliyoruz. ardından  build sekmesinde  Platform target seçeneğini any cpu yapıyoruz. Bunu yaptıktan sonra proje artık entity framework hatasına düşmeye başlıyor. Bunun kaynağı da verit...
Devamı

Asp.NET Core 5.0 - Kullanıcıdan Gelen Verilerin Doğrulanması Validations (Gençay Yıldız anlatımından resmedilmiştir)

-
Resim
  Asp.NET Core 5.0 - Kullanıcıdan Gelen Verilerin Doğrulanması Validations Form üzerinde 3 alanımız var.  Bu alanlardan gelen verileri kontrol etmek için if, switch gibi yapıları kullanmamız, ilerleyen zamanda kodların çöp haline gelmesine neden olur.  Bunun yerine ilgili nesnemizin özelliklerinde kurallar tanımlıyoruz. Bu kurallara data annotations deniliyor. Böylece ifler yazmak yerine ModelState özelliğini kullanıyoruz. Bu kontrolleri MVC yapmış oluyor! Sarı renkle işaretlendiğimiz alanlarda görüldüğü gibi, view tarafına span tagi içine "asp-validation-for" ile yakalanan hataların otomatik olarak formda gösterilmesini sağlayıyoruz.  Server tarafında ModelState ile yakalanan hataları tek tek göstermek yerine, toplu şekilde bir div içinde de gösterebiliyoruz.(kırmızı renkle belirttiğimiz alandaki gibi) ModelMetaDataTypes kullanımı ile Validations Buradaki durum TEK SORUMLULUK PRENSİBİ ne aykırıdır. Diğer bir değişle, SOLID prensiplerinden Single Responsibility prens...
Devamı

Asp.NET Core 5.0 - Temel Kavramlar(User-Client-Hosting-IP-Domain-Request-Response-Layout-RenderBody-RenderSection ) (Gençay Yıldız anlatımı)

-
Resim
  Asp.NET Core 5.0 - Temel Kavramlar(User-Client-Hosting-IP-Domain-Request-Response)  Backend - Frontend Kavramları Layout nedir?    (Gençay Yıldız anlatımı) Yukardaki çizimin daha güzel bir görsel hali:  Layout nedir? Niçin ihtiyaç duyulur? Layout Yapılanması Nedir? RenderBody ve RenderSection Fonksiyonları Nelerdir?
Devamı