﻿
{"id":5625,"date":"2017-02-15T17:55:16","date_gmt":"2017-02-15T17:55:16","guid":{"rendered":"http:\/\/www.gencayyildiz.com\/blog\/?p=5625"},"modified":"2017-02-15T17:55:16","modified_gmt":"2017-02-15T17:55:16","slug":"ajaxoptions-nesnesine-animasyon-ekleme","status":"publish","type":"post","link":"https:\/\/www.gencayyildiz.com\/blog\/ajaxoptions-nesnesine-animasyon-ekleme\/","title":{"rendered":"AjaxOptions Nesnesine Animasyon Ekleme"},"content":{"rendered":"<div id=\"fb-root\"><\/div>\n<p>Merhaba,<\/p>\n<p>Genellikle Asp.NET MVC mimarisinde Ajax i\u015flemleri i\u00e7in kullan\u0131lan AjaxOptions nesnesi \u00fczerinde nas\u0131l animasyon i\u015flemleri ger\u00e7ekle\u015ftirilece\u011fine de\u011finece\u011fiz.<\/p>\n<p>Hemen konuya girersek e\u011fer a\u015fa\u011f\u0131daki yap\u0131lanma \u00fczerinden \u00f6rneklendirme yapaca\u011f\u0131z.<\/p>\n<pre class=\"brush: jscript; title: ; notranslate\" title=\"\">\r\n&lt;!DOCTYPE html&gt;\r\n&lt;html&gt;\r\n&lt;head&gt;\r\n    &lt;script src=&quot;~\/Scripts\/jquery-1.10.2.min.js&quot;&gt;&lt;\/script&gt;\r\n    &lt;script src=&quot;~\/Scripts\/jquery.unobtrusive-ajax.min.js&quot;&gt;&lt;\/script&gt;\r\n&lt;\/head&gt;\r\n&lt;body&gt;\r\n    @Ajax.ActionLink(&quot;Ajax Link&quot;, &quot;TarihGetir&quot;, &quot;Home&quot;, new AjaxOptions { UpdateTargetId = &quot;Alan&quot;, HttpMethod = &quot;POST&quot; })\r\n\r\n    &lt;div id=&quot;Alan&quot;&gt;&lt;\/div&gt;\r\n&lt;\/body&gt;\r\n&lt;\/html&gt;\r\n<\/pre>\n<pre class=\"brush: jscript; title: ; notranslate\" title=\"\">\r\n        &#x5B;HttpPost]\r\n        public string TarihGetir()\r\n        {\r\n            return DateTime.Now.ToString();\r\n        }\r\n<\/pre>\n<p>\u015euana kadar yap\u0131lan i\u015flemlerde linke t\u0131kland\u0131\u011f\u0131 vakit &#8220;Alan&#8221; idli dive o an\u0131n tarih bilgi getirilecektir. \u0130\u015fte bu i\u015flem s\u00fcrecinde olaya animasyon katmak istiyorsak e\u011fer AjaxOptions nesnesinin OnSuccess propertysi olduk\u00e7a i\u015fimize yaramaktad\u0131r.<\/p>\n<pre class=\"brush: jscript; title: ; notranslate\" title=\"\">\r\n    @Ajax.ActionLink(&quot;Ajax Link&quot;, &quot;TarihGetir&quot;, &quot;Home&quot;, new AjaxOptions { UpdateTargetId = &quot;Alan&quot;, OnSuccess = &quot;Islemler&quot;, HttpMethod = &quot;POST&quot; })\r\n    &lt;script type=&quot;text\/javascript&quot;&gt;\r\n        function Islemler()\r\n        {\r\n            $(&quot;#Alan&quot;).fadeOut(500, function ()\r\n            {\r\n                $(&quot;#Alan&quot;).fadeIn(500);\r\n            });\r\n        }\r\n    &lt;\/script&gt;\r\n<\/pre>\n<p>OnSuccess propertysi, e\u011fer ajax i\u015flemlerinde bir problem yoksa ve sonu\u00e7 ba\u015far\u0131l\u0131ysa tetiklenmekte ve bu propertye ba\u011flanan fonksiyon i\u015flem neticesinde \u00e7al\u0131\u015ft\u0131r\u0131lmaktad\u0131r. Ee haliyle bizde ilgili alanlara istedi\u011fimiz animasyonu uygulayabilmekte ve i\u015flemimize g\u00f6rsellik katabilmekteyiz.<\/p>\n<p>Sonraki yaz\u0131lar\u0131mda g\u00f6r\u00fc\u015fmek \u00fczere&#8230;<br \/>\n\u015eimdilik ho\u015f\u00e7akal\u0131n&#8230;<br \/>\n\u0130yi \u00e7al\u0131\u015fmalar&#8230;<\/p>\n<!-- AddThis Advanced Settings generic via filter on the_content --><!-- AddThis Share Buttons generic via filter on the_content -->","protected":false},"excerpt":{"rendered":"<p>Merhaba, Genellikle Asp.NET MVC mimarisinde Ajax i\u015flemleri i\u00e7in kullan\u0131lan AjaxOptions nesnesi \u00fczerinde nas\u0131l animasyon i\u015flemleri ger\u00e7ekle\u015ftirilece\u011fine de\u011finece\u011fiz. Hemen konuya girersek e\u011fer a\u015fa\u011f\u0131daki yap\u0131lanma \u00fczerinden \u00f6rneklendirme yapaca\u011f\u0131z. &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;script src=&quot;~\/Scripts\/jquery-1.10.2.min.js&quot;&gt;&lt;\/script&gt; &lt;script src=&quot;~\/Scripts\/jquery.unobtrusive-ajax.min.js&quot;&gt;&lt;\/script&gt;&#46;&#46;&#46;<!-- AddThis Advanced Settings generic via filter on get_the_excerpt --><!-- AddThis Share Buttons generic via filter on get_the_excerpt --><\/p>\n","protected":false},"author":1,"featured_media":3014,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[11,18,19],"tags":[744,522,746,1613,283,1612,794],"class_list":["post-5625","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-asp-net-mvc","category-javascript","category-jquery","tag-ajax","tag-ajaxoptions","tag-asp-net-mvc","tag-asp-net-mvc-ajaxoptions","tag-mvc","tag-mvc-ajax","tag-onsuccess"],"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/posts\/5625","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=5625"}],"version-history":[{"count":0,"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/posts\/5625\/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=5625"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/categories?post=5625"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/tags?post=5625"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}