Mvc Jquery Ajax Post


March 2022 (0) Iptv 12/21/2024


Bazı durumlarda sayfamızı yenilemeden(refresh etmeden) anlık olarak birtakım işlemleri uygulamak ve ekrana yansıtmamız gerekebilir.

Bu gibi durumlarda Jquery Ajax Post işlemini kullanabiliriz. Jquery Ajax Post işlemi ile hem hızlı bir şekilde hem de sayfa yenilenmeden anlık olarak ekrana değişiklikleri yansıtabiliriz.

Şimdi gelelim Mvc ile Jquery Ajax Post işlemini nasıl gerçekleştirebileceğimize.

Örneğin sitemize bir yorum geldi ve bizim bunu onaylamamız gerekiyor. Onaylama işlemini de Ajax Post ile gerçekleştirmek istiyoruz. Aşağıdaki kod ile bu işlemi gerçekleştirebiliriz.

.Mvc.

.Jquery.Ajax.

Mvc Jquery Ajax Post Nasıl Kullanılır?

var id = 1;

$.ajax({
url: "/Comment/Approve",
type: "POST",
dataType: "json",
data: { commentId: id },
success: function (data) {
if(data.result == 1)
alert(data.message);
else
alert("Onaylama Başarısız!");
}
});

Parametrelerden tanıyalım:

Url: Post işlemimizin hangi url ile gerçekleştireceğimizi belirtiyoruz. Mvc için de ilgili controller’ın ilgili action’ı olarak belirtiyoruz. Url’yi yukarıdaki gibi de yazabiliriz, eğer istersek aşağıdaki gibi de yazabiliriz.
‘@Url.Action(“Approve”,”Comment”)’

Type: Get ya da Post işlemi yapacak isek bu parametre ile belirlememizi sağlayan parametredir.

DataType: Sunucudan dönen veri türünün belirlenmesini sağlayan parametredir.

Data: Göndereceğimiz verinin ilgili bilgilerini tutar. Diğer bir deyişle göndereceğimiz parametreleri bu kısımda belirleyip gönderme işlemini sağlayabiliriz. Örneğin yukarıdaki kod örneğinde bir commentId gönderiyoruz.

Success: Ajax isteğimiz başarılı bir şekilde tamamlanmış ise bu kısımda yazdığımız fonksiyon çalışacaktır. Bize dönen verileri bu kısımda kontrol etme ve ekranda işleme ile ilgili kodlarımızı yazabiliriz.

Yazdığımız örnekte CommentId’si 1 olan yorumun onaylanma işlemi controller tarafında yazdığımız kod ile gerçekleştirilip ona göre başarılı ya da başarısız olarak bir sonuç dönecektir.

Şimdi de Controller’da bulunan kodumuzu yazalım.

[HttpPost]

public ActionResult Approve(int commentId)
{
// bu kısımda yorum ile ilgili veya siz ne için kullanmak
// istiyorsanız ilgili kodunuzu yazıyorsunuz.
// Daha sonra da buna göre bir sonuc döndürebilirsiniz.
 
return Json(new { result = 1, message = "Başarılı."});
}

Controller’da bir json verisi geriye döndürdük ve bu verinin içinde result ve message isimli iki tane anahtar değerimizi belirledik. Değişken gibi düşünülebilir. İlgili anahtar değerlerimize de bir value atadık. Result için 1 ve Message için Başarılı şeklinde bir atama gerçekleştirdik. Ajax için kullandığımız scriptte bulunan success fonksiyonu içinde de bu action’dan dönen verimiz data’ya gelmiş bulunmaktadır. Biz de data.result veya data.message yazdığımızda bu değerleri kullanabilir ya da ekrana yansıtabiliriz.

Faydalı olması dileğiyle…


Yorum yapabilmek için giriş yapınız

Giriş Yap

Sitede Ara

En Çok Okunanlar

Android Cihazlara POP3 E-Posta Hesabı Kurulumu (1773)
Windows simgelerinde beyaz ikon sorunu ve çözümü (1362)
SQL REPLACE() Kullanımı (909)
Yerel Ağ Bağlantısına girmek istediğimde ''Bağlantı özelliklerine erişmek için yeterli yetkiniz yok.Yöneticinize başvurun'' uyarısı.. (529)
Access violation at address 0518fde4 inmodule NETINFO.dll Read of adress 00000000 (472)
CMD komutları ile Windows Aktivasyonu (381)
PatchCleaner v1.4.2.0 indir Windows Installer Temizleme Programı (373)
Bedava Netflix Hesapları 2022 (Ücretsiz Premium Hesaplar) (370)
MailEnable Webmail Unknown or Disabled User Hatası (362)
Server communication failure. Please refresh your browser and try again. (342)
Turbobit Premium Hesaplar Bedava Güncel Üyelikler 2022 (337)
There is already an object named in the database Cozum (334)
Turbobit Premium Hesaplar Güncel Liste 2022 (327)
Windows 10 Gereksiz Servislerin Kapatılması - Resimli Anlatım (309)
Yazıcı hata kodu 0x0000011b sorun ve cozumu (306)
Windows Bileşen Deposu (WinSxS) Klasörünü Temizleme (293)
Adobe After Effects CC 2019 Full İndir – v16.1.1.4 (245)
Linq ile inner Join Kullanımı (243)
ASP.NET MVC Email Doğrulama Sayfası (Verification) (238)
Dinozor Nesline Son Veren Silen Asteroit Felaketi, Nasıl Gerçekleşti? (228)
3 Adımda Server olay loglarının silinmesi (214)
Windows 10 durdurulabilecek hizmetler (206)
Bedava Turbobit Premium Hesap 2022 (%100 Güncel Hesaplar) (196)
Visual Studio 2017 Dil Ekleme/Değiştirme (191)
Windows Server Çoklu Oturum Açma Ayarı (175)

Son Yorumlar