{"id":191,"date":"2021-03-25T11:22:23","date_gmt":"2021-03-25T02:22:23","guid":{"rendered":"https:\/\/mvc.auctionpro.co.kr\/?page_id=191"},"modified":"2021-03-25T11:22:23","modified_gmt":"2021-03-25T02:22:23","slug":"ajax-actionlink-applications","status":"publish","type":"page","link":"https:\/\/mvc.auctionpro.co.kr\/?page_id=191","title":{"rendered":"@Ajax.ActionLink  Applications"},"content":{"rendered":"<h3>Remark : <\/h3>\n<h4> Ajax.ActionLink  Applications <\/h4>\n<pre class=\"lang:default decode:true \" title=\"HomeController.cs\" >        \/\/GET: AllTeachers  \r\n        \/\/\/ &lt;summary&gt;  \r\n        \/\/\/ List all Teachers from datasource  \r\n        \/\/\/ &lt;\/summary&gt;  \r\n        \/\/\/ &lt;returns&gt;&lt;\/returns&gt;  \r\n        public ActionResult AllTeachers()\r\n        {\r\n            TchDBContext db = new TchDBContext();\r\n\r\n            \/\/Thread.Sleep(1000);  \r\n            return PartialView(db.Teachers.OrderBy(x =&gt; x.Name).ToList());\r\n        }\r\n\r\n        \/\/GET: AllSchools  \r\n        \/\/\/ &lt;summary&gt;  \r\n        \/\/\/ List all schools from DataSource  \r\n        \/\/\/ &lt;\/summary&gt;  \r\n        \/\/\/ &lt;returns&gt;&lt;\/returns&gt;  \r\n        public ActionResult AllSchools()\r\n        {\r\n            SchDBContext db = new SchDBContext();\r\n\r\n            try {\r\n                \/\/Thread.Sleep(1000);  \r\n                return PartialView(db.Schools.OrderBy(x =&gt; x.Name).ToList());\r\n            }\r\n            catch {\r\n                return View();\r\n            }\r\n\r\n            \r\n        }<\/pre>\n<pre class=\"lang:default decode:true \" title=\"Index.cshtml\" >@section head {\r\n    &lt;title&gt; Ajax.ActionLink &lt;\/title&gt;\r\n}\r\n\r\n@*CSS for Loading GIF Image*@\r\n&lt;style&gt;\r\n    .HideLoader {\r\n        display: none;\r\n    }\r\n\r\n    .ShowLoader {\r\n        display: normal;\r\n    }\r\n&lt;\/style&gt;\r\n\r\n@*JS to Show and Hide Loading GIF Image*@\r\n&lt;script&gt;\r\n\r\n    function onAjaxBegin() {\r\n        $(\"#divLoading\").removeClass(\"ShowLoader\").addClass(\"ShowLoader\");\r\n    }\r\n\r\n    function onAjaxComplete() {\r\n        $(\"#divLoading\").removeClass(\"ShowLoader\").addClass(\"HideLoader\");\r\n    }\r\n&lt;\/script&gt;\r\n\r\n\r\n@Ajax.ActionLink(\r\n                \"List All Schools\", \/\/ &lt;-- Text to display\r\n                \"AllSchools\",\/\/ &lt;-- Action\/Method Name\r\n                \"Home\",\/\/&lt;!-- Controller Name\r\n                 new AjaxOptions\r\n                 {\r\n                     UpdateTargetId = \"UpdateContentDiv\", \/\/ &lt;-- DOM element ID to update\r\n                     InsertionMode = InsertionMode.Replace, \/\/ &lt;-- Replace the content of DOM element\r\n                     HttpMethod = \"GET\", \/\/ &lt;-- HTTP method\r\n                     LoadingElementId = \"divLoading\", \/\/Id of Loading GIF Image\r\n                     OnBegin = \"onAjaxBegin\", \/\/OnBegin JS Function\r\n                     OnComplete = \"onAjaxComplete\" \/\/OnComplete JS Function\r\n                 },\r\n                  new { @class = \"btn btn-primary\" } \/\/-- Class\r\n                 )\r\n\r\n@Ajax.ActionLink(\r\n                \"List All Teachers\", \/\/ &lt;-- Text to display\r\n                \"AllTeachers\",\/\/ &lt;-- Action\/Method Name\r\n                \"Home\",\/\/&lt;!-- Controller Name\r\n                 new AjaxOptions\r\n                 {\r\n                     UpdateTargetId = \"UpdateContentDiv\", \/\/ &lt;-- DOM element ID to update\r\n                     InsertionMode = InsertionMode.Replace, \/\/ &lt;-- Replace the content of DOM element\r\n                     HttpMethod = \"GET\", \/\/ &lt;-- HTTP method\r\n                     LoadingElementId = \"divLoading\", \/\/Id of Loading GIF Image\r\n                     OnBegin = \"onAjaxBegin\", \/\/OnBegin JS Function\r\n                     OnComplete = \"onAjaxComplete\" \/\/OnComplete JS Function\r\n                 },\r\n                  new { @class = \"btn btn-primary\" } \/\/-- Class\r\n                 )\r\n\r\n&lt;div id=\"divLoading\" class=\"divhide\"&gt;\r\n    @*divhide will be set as default and will be changed dynamically.*@\r\n\r\n    &lt;img src=\"~\/images\/loading.gif\" \/&gt;\r\n&lt;\/div&gt;\r\n\r\n&lt;div id=\"UpdateContentDiv\"&gt;\r\n    @*Div to update content after Ajax Call*@\r\n&lt;\/div&gt;<\/pre>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/mvc.auctionpro.co.kr\/wp-content\/uploads\/2021\/03\/Ajax_ActionLink.jpg\" alt=\"\" width=\"782\" height=\"258\" class=\"alignnone size-full wp-image-192\" srcset=\"https:\/\/mvc.auctionpro.co.kr\/wp-content\/uploads\/2021\/03\/Ajax_ActionLink.jpg 782w, https:\/\/mvc.auctionpro.co.kr\/wp-content\/uploads\/2021\/03\/Ajax_ActionLink-300x99.jpg 300w, https:\/\/mvc.auctionpro.co.kr\/wp-content\/uploads\/2021\/03\/Ajax_ActionLink-768x253.jpg 768w\" sizes=\"auto, (max-width: 782px) 100vw, 782px\" \/><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Remark : Ajax.ActionLink Applications \/\/GET: AllTeachers \/\/\/ &lt;summary&gt; \/\/\/ List all Teachers from datasource \/\/\/ &lt;\/summary&gt; \/\/\/ &lt;returns&gt;&lt;\/returns&gt; public ActionResult AllTeachers() { TchDBContext db = new TchDBContext(); \/\/Thread.Sleep(1000); return PartialView(db.Teachers.OrderBy(x =&gt; x.Name).ToList()); } \/\/GET: AllSchools \/\/\/ &lt;summary&gt; \/\/\/ List all schools from DataSource \/\/\/ &lt;\/summary&gt; \/\/\/ &lt;returns&gt;&lt;\/returns&gt; public ActionResult AllSchools() { SchDBContext db = new\u2026 <span class=\"read-more\"><a href=\"https:\/\/mvc.auctionpro.co.kr\/?page_id=191\">Read More &raquo;<\/a><\/span><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"class_list":["post-191","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/mvc.auctionpro.co.kr\/index.php?rest_route=\/wp\/v2\/pages\/191","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mvc.auctionpro.co.kr\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mvc.auctionpro.co.kr\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mvc.auctionpro.co.kr\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mvc.auctionpro.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=191"}],"version-history":[{"count":1,"href":"https:\/\/mvc.auctionpro.co.kr\/index.php?rest_route=\/wp\/v2\/pages\/191\/revisions"}],"predecessor-version":[{"id":193,"href":"https:\/\/mvc.auctionpro.co.kr\/index.php?rest_route=\/wp\/v2\/pages\/191\/revisions\/193"}],"wp:attachment":[{"href":"https:\/\/mvc.auctionpro.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=191"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}