.Net MVC(Core) - PartialView Ajax ile veri çekme işlemleri

22 Haz

Merhaba arkadaşlar,
PartialView ile gösterdiğimiz verileri, Ajax jquery ile istek atıp, istediğimiz yerde bu veriyi nasıl gösteririz anlatmaya çalışacağım.

Ben boş bir .Net Core Mvc projesi açtım, fakat .Net MVC projesinde de aynı işlemler geçerlidir.

Şimdi işlemlere geçelim.

Controller classımın içine GetData() isimli ActionResult dönüş tipi olan, aşağıdaki gibi bir method yaptım.

Controller


Kırmızı kutu içini biraz açayım: GetData PartialView‘ımın adı, data ise PartialView‘a gönderdiğim veridir.

PartialView

GetData isimli PartialView‘ımızı oluşturalım. İlgili view klasörüme sağ tıkladım >Add > View diyerek aşağıdaki penceye ulaştım. View adımı girdim ve Options kısmıda bu dosyanın bir Partial View olacağını belirttim.

GetData.cstml dosyam oluştu. İçine aşağıdaki gibi kodları yazıp veriyi basitçe ekrana bastım.

Şimdi sırada ajax ile call atıp verileri sayfamızda listelemeye geldi. Index.cstml dosyamda bu işlemi gerçekleştirdim.
<script> satırlarını eklemeyi uınutmayalım asıl işi yapan kütüphaneler 🙂

Yukarıda ki kodların açıklamalarını merak edenler için;
$(‘#btnGetData’) butonumun Id’si.
$(‘#divData’) ise verileri çekip göstermek istediğim div’in Id’si.
$.ajax() methodu içinde ki:
type, Get işlemi yapılacağını belirtir,
Url, hangi urlye gidip veriyi getirmek istediğimizi belirttiğimiz kısım. (Bu örneğe göre, HomeController.cs dosyamda ki GetData action methoduna gidip veriyi almak isteyecek. GetData methodu ise PartialView olarak verileri veriyor.)
Success, işlem başarılı bitmişse burası çalışır. (divData.html(data) diyerek PartialView’ım da ki verileri bu dive basmış oluyorum.)

Projeyi derleyip, çalıştırdım, butona tıkladım ve bingo.

Umarım yardımcı olabilmişimdir. Herkese iyi çalışmalar dilerim.

Bir Cevap Yazın