<\/div>\n

Asp.NET MVC mimarisiyle \u00e7al\u0131\u015ft\u0131\u011f\u0131m bir proje \u00fczerinde ya\u015fad\u0131\u011f\u0131m basit bir s\u0131k\u0131nt\u0131dan kaynaklanan ama \u00e7\u00f6z\u00fcm\u00fc saatlerimi alan bir hata \u00fczerine sizlere bu yaz\u0131y\u0131 yazmaya karar verdim.Anlayaca\u011f\u0131n\u0131z \u00fczere sizlere konuyla alakal\u0131 olas\u0131 bir hata g\u00f6sterip, aman aman bir \u00e7\u00f6z\u00fcm sunmayaca\u011f\u0131m.Bu yaz\u0131m\u0131zda Asp.NET MVC mimarisinde, server side taraf\u0131nda veri i\u015flemlerimizi ger\u00e7ekle\u015ftirdikten sonra geriye PartialView de\u011feri d\u00f6nd\u00fcr\u00fcp, bu de\u011feri Ajax ile okuma i\u015flemi \u00fczerine sadece bir \u00f6rnek yap\u0131p konuyu kapataca\u011f\u0131m.Tabi ki de benim safl\u0131k yaparak saatleri harcad\u0131\u011f\u0131m durumuda sizlere g\u00f6sterece\u011fim \ud83d\ude42<\/p>\n

Hemen geriye d\u00f6nd\u00fcr\u00fcp, Ajax ile okuyaca\u011f\u0131m\u0131z PartialView dosyam\u0131z\u0131n i\u00e7eri\u011fini olu\u015ftural\u0131m.<\/p>\n

\r\n---- _IslemYapPartial.cshtml ----\r\n<h1>\u0130\u015flem Ger\u00e7ekle\u015ftirildi<\/h1>\r\n<\/pre>\nBu kadar \ud83d\ude42 Nihayetinde buda bir i\u00e7eriktir \ud83d\ude42
\n\u015eimdide “Home(Controller).cs” isimli Controller s\u0131n\u0131f\u0131m\u0131z\u0131n “Index” Action’\u0131n\u0131n .cshtml uzant\u0131l\u0131 dosyas\u0131n\u0131n i\u00e7eri\u011fini olu\u015ftural\u0131m.<\/p>\n
\r\n<input type="submit" id="btnIslemYap" value="\u0130\u015flem Yap" \/>\r\n<br \/>\r\n<div id="divAlan"><\/div>\r\n<\/pre>\nButona t\u0131kland\u0131\u011f\u0131 zaman Ajax ile server\u0131 tetikleyip PartialView’i de\u011fer olarak geriye d\u00f6nd\u00fcrece\u011fiz ve gelen bu de\u011feri “divAlan” id de\u011ferine sahip divin i\u00e7ine g\u00f6mece\u011fiz.<\/p>\n
\r\n<script type="text\/javascript">\r\n    $(document).ready(function () {\r\n        $("#btnIslemYap").click(function () {\r\n            $.ajax({\r\n                url: '@Url.Action("IslemYap","Home")',\r\n                type: 'POST',\r\n                dataType: 'html',\r\n                success: function (data) {\r\n                    $("#divAlan").html(data);\r\n                },\r\n                error: function () {\r\n                    alert("Hata al\u0131nd\u0131.");\r\n                }\r\n            });\r\n        });\r\n    });\r\n<\/script>\r\n<\/pre>\n“Home(Controller).cs” isimli s\u0131n\u0131fta bulunan ve Ajax ile tetiklenecek olan “IslemYap” ismini verdi\u011fimiz Action metodun yap\u0131s\u0131da a\u015fa\u011f\u0131daki gibi olacakt\u0131r.<\/p>\n
\r\n        [HttpPost]\r\n        public ActionResult IslemYap()\r\n        {\r\n            return PartialView("~\/Views\/Home\/_IslemYapPartial.cshtml");\r\n        }\r\n<\/pre>\nVelhas\u0131l bu \u015fekilde yap\u0131lan \u00e7al\u0131\u015fma neticesinde butona t\u0131klad\u0131\u011f\u0131m\u0131z zaman Ajax ile server\u0131m\u0131z tetiklenip PartialView geriye d\u00f6necek ve ilgili veri belirtilen alana bas\u0131lacakt\u0131r.<\/p>\n
Benim hata yapt\u0131\u011f\u0131m yeri merak ederseniz e\u011fer yukar\u0131daki Ajax komutlar\u0131n\u0131n yapt\u0131\u011f\u0131m hatal\u0131 halini a\u015fa\u011f\u0131ya alal\u0131m…<\/p>\n
\r\n<script type="text\/javascript">\r\n    $(document).ready(function () {\r\n        $("#btnIslemYap").click(function () {\r\n            $.ajax({\r\n                url: '@Url.Action("IslemYap","Home")',\r\n                type: 'POST',\r\n                dataType: 'json',\r\n                success: function (data) {\r\n                    $("#divAlan").html(data);\r\n                },\r\n                error: function () {\r\n                    alert("Hata al\u0131nd\u0131.");\r\n                }\r\n            });\r\n        });\r\n    });\r\n<\/script>\r\n<\/pre>\nYukar\u0131da “dataType” parametresine dikkat ederseniz e\u011fer ‘json’ de\u011ferini vermi\u015fim.Lakin ben PartialView geriye d\u00f6nd\u00fcrmekteyim.Yani gelecek verinin tipini, html yap\u0131 yerine json veri yap\u0131s\u0131 olarak belirlemi\u015fim.Eee json verisi geriye d\u00f6nd\u00fcrmedi\u011fimize g\u00f6re do\u011fal olarak projede \u00e7al\u0131\u015fma yapt\u0131\u011f\u0131m alanla ilgili patlak verdi.<\/p>\n
\u00d6rne\u011fin bu \u015fekilde projemizi denersek error blo\u011funa d\u00fc\u015fece\u011fiz.<\/p>\n
Tabi Ajax komut ve parametrelerini seri bir \u015fekilde girip, al\u0131nan hatayada do\u011fru d\u00fczg\u00fcn bakmadan \u00fc\u015fenge\u00e7lik taslarsan\u0131z benim gibi b\u00f6yle basit bir komut hatas\u0131 \u00fczerine saatlerce u\u011fra\u015fmak zorunda kalabilirsiniz \ud83d\ude42 \u0130bret olsun.<\/p>\n
Hepinize iyi \u00e7al\u0131\u015fmalar diliyorum…
\nG\u00f6r\u00fc\u015fmek \u00fczere…<\/p>\n","protected":false},"excerpt":{"rendered":"
Asp.NET MVC mimarisiyle \u00e7al\u0131\u015ft\u0131\u011f\u0131m bir proje \u00fczerinde ya\u015fad\u0131\u011f\u0131m basit bir s\u0131k\u0131nt\u0131dan kaynaklanan ama \u00e7\u00f6z\u00fcm\u00fc saatlerimi alan bir hata \u00fczerine sizlere bu yaz\u0131y\u0131 yazmaya karar verdim.Anlayaca\u011f\u0131n\u0131z \u00fczere sizlere konuyla alakal\u0131 olas\u0131 bir hata g\u00f6sterip, aman...<\/p>\n","protected":false},"author":1,"featured_media":3014,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[11,600,1,345],"tags":[744,840,746,283,839],"class_list":["post-3380","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-asp-net-mvc","category-asp-net-mvc-5","category-genel","category-mvc-4-0","tag-ajax","tag-ajax-partialview","tag-asp-net-mvc","tag-mvc","tag-partialview"],"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/posts\/3380","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/comments?post=3380"}],"version-history":[{"count":0,"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/posts\/3380\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/media\/3014"}],"wp:attachment":[{"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/media?parent=3380"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/categories?post=3380"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/tags?post=3380"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}