Asp.Net MVC4 Json Kullanımı

Merhabalar , uzun bir aranın ardından bir MVC4 yazısı ile karşınızdayım.

Bu yazımızda sayfa yenilenmeden Ajax ve Json aracılığı ile MVC4′de nasıl işlem yapılır bunu öğreneceğiz.

Öncelikle Visual Studio adlı program aracılığı ile bir ASP.Net MVC4 projesi açalım.

Models klasörünün içine “Deneme” adında bir class oluşturalım ve içerisine şu kodları yazalım ;

[Serializable]
    public class Uyeler
    {
        public string PageName { get; set; }
        public string PageDescriptions { get; set; }
        public bool Ekle(Uyeler uye)
        {
            bool sonuc = false;
// bu kısma yapmak istediğiniz işlemi yazabilirsiniz.
            return sonuc;
        }
    }
    [Serializable]
    public class Sonuc
    {
        public string Mesaj { get; set; }
    }

Daha sonrasında “DenemeController” adında bir Controller oluşturalım.

[HttpPost]
        public ActionResult UyeKayit(Uyeler uyeler)
        {
            Uyeler uye = new Uyeler();
            uye.Ekle(uyeler);
            string bilgiler = string.Format("Adınız : {0}, Soyadınız : {1}", uyeler.PageName, uyeler.PageDescriptions);
            //return Json(new Sonuc() { Mesaj = bilgiler });
            return Json(new Sonuc() { Mesaj = "İşleminiz Başarı İle Gerçekleşmiştir" });
        }
DenemeController‘in Index sayfasına yani View kısmına bunu yazalım ;

 

<script type="text/javascript">
        $(function () {
            $("#uyeKayit").click(function () {
                var gelen = Veriler();
                var jsonData = JSON.stringify(gelen);
                $.ajax({
                    url: "/Home/UyeKayit",
                    type: "Post",
                    data: jsonData,
                    dataType: "json",
                    contentType: "application/json; charset=utf-8",
                    success: function (data) {
                        var sonuc = data.Mesaj;
                        $("#Sonuclar").html(sonuc);
                    }
                })
            });
        });

        function Veriler() {
            var PageName = $("#pagename").val();
            var PageDescriptions = $("#pagedescriptions").val();
            return (PageName == "") ? null : { pagename: PageName, pagedescriptions: PageDescriptions };
        }
    </script>
    <h2>
        Mvc 3 ile Json Veri Gönderimi</h2>
    <div style="font-family: Verdana; font-size: 12px;">
        <div style="padding: 15px 0;">
            <span id="Sonuclar"></span>
        </div>
        <div style="padding: 5px 0;">
            Sayfa Adı</div>
        <div>
            <input type="text" id="pagename" />
        </div>
        <div style="padding: 5px 0;">
            İçerik</div>
        <div>
            <input type="text" id="pagedescriptions" />
        </div>
        <div>
            <input type="submit" value="gönder" id="uyeKayit" />
        </div>
    </div>

Örnek uygulamayı buradan indirebilirsiniz.

Google'den Gelen Aramalar

  • https://yandex ru/clck/jsredir?from=yandex ru;search;web;;&text=&etext=1821 RxrhZTC4-dKbEDwCo48-2lNi0pBY9u9gBVxJP4e_bTXkjOZfvPizmmzytUkdr8Ld f89a92239aa1d607627bde97b8bfaf9e19e1210c&uuid=&state=_BLhILn4SxNIvvL0W45KSic66uCIg23qh8iRG98qeIXme
  • https://yandex ru/clck/jsredir?from=yandex ru;search;web;;&text=&etext=1836 0nCRRM20lL8MTLHAmAHRkc5x_Zsf2U0nHS-lzmouiDM7RP4HJI4av7DH_fYgVovk a536edefa6ec43629e4eca460bdfb3707e7ca98d&uuid=&state=_BLhILn4SxNIvvL0W45KSic66uCIg23qh8iRG98qeIXme
  • https://yandex ru/clck/jsredir?from=yandex ru;search;web;;&text=&etext=1834 x8-e-BtBO3irVrpPxTarq-qaiL5OUcFNsgLNKVVx94u6vAttETo7YSZgn--tHIPI 9b5c9570a52014ff0d7de013691a41407044ec0c&uuid=&state=_BLhILn4SxNIvvL0W45KSic66uCIg23qh8iRG98qeIXme
  • https://yandex ru/clck/jsredir?from=yandex ru;search;web;;&text=&etext=1832 Xt6kgZVVor66ULh3Lpm-CaKJ8BVcUmG7WdhCjm4HwtszMg6XWEGfHoSQ_IDLB0LS 98bb2b88283836c8c1a87014538ed95a294d2396&uuid=&state=_BLhILn4SxNIvvL0W45KSic66uCIg23qh8iRG98qeIXme
  • https://yandex ru/clck/jsredir?from=yandex ru;search;web;;&text=&etext=1829 _sKYDmg1N2HO0umISHmVY7BXw_MSrtR56kUqQCEKAEtB2VwDTjLZiDFOUY80KtcM ec27ac10cdf0430bad4a324dd78aaed705c67cff&uuid=&state=_BLhILn4SxNIvvL0W45KSic66uCIg23qh8iRG98qeIXme

Bu içeriklerde ilginizi çekebilir