{"id":69892,"date":"2021-08-21T15:30:43","date_gmt":"2021-08-21T19:30:43","guid":{"rendered":"http:\/\/bangla.salearningschool.com\/recent-posts\/simple-ajax-applications-in-c-asp-net-19\/"},"modified":"2025-05-11T20:17:27","modified_gmt":"2025-05-11T20:17:27","slug":"simple-ajax-applications-in-c-asp-net-19","status":"publish","type":"post","link":"http:\/\/bangla.sitestree.com\/?p=69892","title":{"rendered":"Simple Ajax Applications in C# (ASP.Net) #19"},"content":{"rendered":"<p>Simple Ajax Applications in C# (ASP.Net)<\/p>\n<ul>\n<li> If you are coming from PHP or Java Platform where you use JavaScript or JQuery to provide Ajax functionality, you still can use those strategies in ASP.net to provide Ajax functionality  <\/li>\n<li> <a href='http:\/\/www.salearningschool.com\/index.php?table=Articles&amp;categoryID=65&amp;category=Ajax'>Check our short note on Ajax using JavaScript<\/a>. In .Net, you just have to call the JavaScript function (that implements Ajax functionality) on the event you want the Ajax functionality. However, you do not use runat=&#8221;server&#8221;. <\/li>\n<li> Another approach is Using Ajax Server Controls such as ScriptManager, ScriptManagerProxy, UpdatePanel, ContentPanel, UpdateProxy  <\/li>\n<li> You can find these Ajax controls at the Toolbox under Ajax Extensions <\/li>\n<li> You can grab them and place on your form, you can grab and place on the code, or you can write them in your code [whatever you are used to]   <\/li>\n<li> And yes, you could use JQuery as well. JQuery uses an wrapper on JavaScript functionality and makes the life of the developer little easier   <\/li>\n<li> In this short note, I will show a simple example of using Ajax Server Controls, also show you the code to invoke Ajax functionality using JavaScript  <\/li>\n<li> Now take a look at the simple application interface below. The application will calculate sum, difference, and multiplication of two numbers without refreshing the page. We will calculate immediately, also will show the situation when the calculation may take a little more time    <\/li>\n<li> The idea is simple, you need to add a ScriptManager control. If you use master pages, and the situation becomes that you need to place two ScriptManagers, just place one ScriptManager in the Master and use ScriptManagerProxy in the content page  <\/li>\n<li> use UpdatePanel around the controls that will be refreshed without the page being refreshed   <\/li>\n<li> Use UpdateProgress control, when you know that the operation will take some time. Use this control to inform the user that the operation is under progress    <\/li>\n<li> Now the sample application interface                    <\/li>\n<li> Now the Form code                   <\/li>\n<li> Now the backend code                <\/li>\n<li> Now an example on how to implement Ajax functionality in C# in ASP.net using JavaScript. It just displays current date time but using Ajax and without refreshing the page. Just go through the code                <\/li>\n<\/ul>\n<p>From: http:\/\/sitestree.com\/?p=5326<br \/> Categories:19<br \/>Tags:<br \/> Post Data:2010-04-01 05:09:58<\/p>\n<pre><code>    Shop Online: &lt;a href='https:\/\/www.ShopForSoul.com\/' target='new' rel=\"noopener\"&gt;https:\/\/www.ShopForSoul.com\/&lt;\/a&gt;\n    (Big Data, Cloud, Security, Machine Learning): Courses: &lt;a href='http:\/\/Training.SitesTree.com' target='new' rel=\"noopener\"&gt; http:\/\/Training.SitesTree.com&lt;\/a&gt; \n    In Bengali: &lt;a href='http:\/\/Bangla.SaLearningSchool.com' target='new' rel=\"noopener\"&gt;http:\/\/Bangla.SaLearningSchool.com&lt;\/a&gt;\n    &lt;a href='http:\/\/SitesTree.com' target='new' rel=\"noopener\"&gt;http:\/\/SitesTree.com&lt;\/a&gt;\n    8112223 Canada Inc.\/JustEtc: &lt;a href='http:\/\/JustEtc.net' target='new' rel=\"noopener\"&gt;http:\/\/JustEtc.net (Software\/Web\/Mobile\/Big-Data\/Machine Learning) &lt;\/a&gt;\n    Shop Online: &lt;a href='https:\/\/www.ShopForSoul.com'&gt; https:\/\/www.ShopForSoul.com\/&lt;\/a&gt;\n    Medium: &lt;a href='https:\/\/medium.com\/@SayedAhmedCanada' target='new' rel=\"noopener\"&gt; https:\/\/medium.com\/@SayedAhmedCanada &lt;\/a&gt;\n<\/code><\/pre>\n","protected":false},"excerpt":{"rendered":"<p>Simple Ajax Applications in C# (ASP.Net) If you are coming from PHP or Java Platform where you use JavaScript or JQuery to provide Ajax functionality, you still can use those strategies in ASP.net to provide Ajax functionality Check our short note on Ajax using JavaScript. In .Net, you just have to call the JavaScript function &hellip; <\/p>\n<p><a class=\"more-link btn\" href=\"http:\/\/bangla.sitestree.com\/?p=69892\">Continue reading<\/a><\/p>\n","protected":false},"author":8,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[1973,1917],"tags":[],"class_list":["post-69892","post","type-post","status-publish","format-standard","hentry","category-c-misc","category-fromsitestree-com","item-wrap"],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"jetpack-related-posts":[{"id":70301,"url":"http:\/\/bangla.sitestree.com\/?p=70301","url_meta":{"origin":69892,"position":0},"title":"Simple Ajax Applications in C# (ASP.Net) #.Net Web Applications","author":"Author-Check- Article-or-Video","date":"September 1, 2021","format":false,"excerpt":"Brought from: http:\/\/salearningschool.com\/displayArticle.php?table=Articles&articleID=1347&title=Simple%20Ajax%20Applications%20in%20C#%20(ASP.Net) Simple Ajax Applications in C# (ASP.Net) Note:asmx web-service might be more appropriate in some\/many cases If you are coming from PHP or Java Platform where you use JavaScript or jQuery to provide Ajax functionality, you still can use those strategies in ASP.net to provide Ajax functionality Check\u2026","rel":"","context":"In &quot;C# - Misc&quot;","block_context":{"text":"C# - Misc","link":"http:\/\/bangla.sitestree.com\/?cat=1973"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":8229,"url":"http:\/\/bangla.sitestree.com\/?p=8229","url_meta":{"origin":69892,"position":1},"title":"jQuery \u098f\u09b0 &#8211; AJAX \u098f\u09b0 \u09ad\u09c2\u09ae\u09bf\u0995\u09be","author":"Author-Check- Article-or-Video","date":"March 31, 2015","format":false,"excerpt":"jQuery \u098f\u09b0 - AJAX \u098f\u09b0 \u09ad\u09c2\u09ae\u09bf\u0995\u09be \u09ae\u09cb\u0983 \u0986\u09b0\u09bf\u09ab\u09c1\u09b2 \u0987\u09b8\u09b2\u09be\u09ae \u00a0 \u09aa\u09c1\u09b0\u09cb \u09aa\u09c3\u09b7\u09cd\u09a0\u09be \u09b0\u09bf\u09b2\u09cb\u09a1 \u09a8\u09be \u0995\u09b0\u09c7 \u09b8\u09be\u09b0\u09cd\u09ad\u09be\u09b0\u09c7\u09b0 \u09b8\u09be\u09a5\u09c7 \u09a4\u09a5\u09cd\u09af \u09ac\u09bf\u09a8\u09bf\u09ae\u09af\u09bc \u0995\u09b0\u09be \u098f\u09ac\u0982 \u09b8\u09c7\u099f\u09bf \u0993\u09af\u09bc\u09c7\u09ac \u09aa\u09c7\u099c \u098f\u09b0 \u098f\u0995\u099f\u09bf \u0985\u0982\u09b6\u09c7 \u0986\u09aa\u09a1\u09c7\u099f \u0995\u09b0\u09be AJAX \u098f\u09b0 \u0995\u09be\u099c\u0964 \u00a0 AJAX \u0995\u09bf? AJAX =JavaScript \u098f\u09ac\u0982 XML \u098f\u09b0 \u09b8\u09ae\u09a8\u09cd\u09ac\u09df\u0964 \u09b8\u0982\u0995\u09cd\u09b7\u09c7\u09aa\u09c7, AJAX \u0993\u09af\u09bc\u09c7\u09ac \u09aa\u09c7\u099c \u098f\u09b0 \u09ac\u09cd\u09af\u09be\u0995\u0997\u09cd\u09b0\u09be\u0989\u09a8\u09cd\u09a1 \u09a5\u09c7\u0995\u09c7 \u09a1\u09be\u099f\u09be \u09b2\u09cb\u09a1\u2026","rel":"","context":"In &quot;jQuery-001 \u0964 \u099c\u09c7 \u0995\u09c1\u09df\u09c7\u09b0\u09bf - \u09e6\u09e6\u09e7&quot;","block_context":{"text":"jQuery-001 \u0964 \u099c\u09c7 \u0995\u09c1\u09df\u09c7\u09b0\u09bf - \u09e6\u09e6\u09e7","link":"http:\/\/bangla.sitestree.com\/?cat=152"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":65786,"url":"http:\/\/bangla.sitestree.com\/?p=65786","url_meta":{"origin":69892,"position":2},"title":"How to implement multiple tab webpages in Ajax and JavaScript #JavaScript","author":"Author-Check- Article-or-Video","date":"July 14, 2021","format":false,"excerpt":"The following two examples will demonstrate how to use JavaScript and\/or ajax to implement mult iple tab webpages. http:\/\/www.dynamicdrive.com\/dynamicindex17\/ajaxtabscontent\/ http:\/\/www.barelyfitz.com\/projects\/tabber\/example2.html I have used the first code extensively in one of my applications. The basic ides is: you define a div section. On each click, you change the contents of that\u2026","rel":"","context":"In &quot;FromSitesTree.com&quot;","block_context":{"text":"FromSitesTree.com","link":"http:\/\/bangla.sitestree.com\/?cat=1917"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":22700,"url":"http:\/\/bangla.sitestree.com\/?p=22700","url_meta":{"origin":69892,"position":3},"title":"Ajax and Software\/Web Development #Root #By Sayed Ahmed","author":"Author-Check- Article-or-Video","date":"March 19, 2021","format":false,"excerpt":"Making AJAX Application Crawlable for Search Engine Optimization http:\/\/www.seoinc.com\/seo-blog\/making-ajax-application-crawlable-for-search-engine-optimization\/ \u00a0 Making AJAX Applications Crawlable https:\/\/developers.google.com\/webmasters\/ajax-crawling\/ \u00a0 AJAX Application Architecture, Part 1 (.Net) http:\/\/msdn.microsoft.com\/en-us\/magazine\/cc163363.aspx \u00a0 Characteristics of Ajax Applications: May be an old document. You can check on the discussion\/arguments on Placing logic on client or server-side and how much. Also,\u2026","rel":"","context":"In &quot;FromSitesTree.com&quot;","block_context":{"text":"FromSitesTree.com","link":"http:\/\/bangla.sitestree.com\/?cat=1917"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":8032,"url":"http:\/\/bangla.sitestree.com\/?p=8032","url_meta":{"origin":69892,"position":4},"title":"jQuery &#8211; AJAX \u098f\u09b0 noConflict() \u09ae\u09c7\u09a5\u09a1 \u0964 jQuery &#8211; AJAX noConflict() Method","author":"Author-Check- Article-or-Video","date":"March 29, 2015","format":false,"excerpt":"\u09ae\u09be\u09b9\u09ac\u09c1\u09ac\u09c1\u09b0 \u09b0\u09b9\u09ae\u09be\u09a8 \u00a0 jQuery \u098f\u09ac\u0982 \u0985\u09a8\u09cd\u09af\u09be\u09a8\u09cd\u09af JavaScript \u09ab\u09cd\u09b0\u09c7\u09ae\u0993\u09df\u09be\u09b0\u09cd\u0995 \u0987\u09a4\u09bf\u09ae\u09a7\u09cd\u09af\u09c7 \u0986\u09aa\u09a8\u09bf \u09af\u09c7\u09a8\u09c7\u099b\u09c7\u09a8 \u09af\u09c7, jQuery \u09a4\u09c7 $ \u099a\u09bf\u09b9\u09cd\u09a8 \u09ac\u09cd\u09af\u09ac\u09b9\u09be\u09b0 \u0995\u09b0\u09be \u09b9\u09df \u09b6\u09b0\u09cd\u099f\u0995\u09be\u099f \u09b9\u09bf\u09b8\u09be\u09ac\u09c7\u0964 \u09ac\u09c7\u09b6\u0995\u09bf\u099b\u09c1 \u099c\u09a8\u09aa\u09cd\u09b0\u09bf\u09af\u09bc \u099c\u09be\u09ad\u09be\u09b8\u09cd\u0995\u09cd\u09b0\u09bf\u09aa\u09cd\u099f \u09ab\u09cd\u09b0\u09c7\u09ae\u0993\u09df\u09be\u09b0\u09cd\u0995 \u0986\u099b\u09c7, \u09af\u09c7\u09ae\u09a8 Angular, Backbone, Ember, Knockout \u0987\u09a4\u09cd\u09af\u09be\u09a6\u09bf\u0964 \u09af\u09a6\u09bf \u0985\u09a8\u09cd\u09af \u0995\u09cb\u09a8 \u099c\u09be\u09ad\u09be\u09b8\u09cd\u0995\u09cd\u09b0\u09bf\u09aa\u09cd\u099f \u09ab\u09cd\u09b0\u09c7\u09ae\u0993\u09df\u09be\u09b0\u09cd\u0995 \u09b6\u09b0\u09cd\u099f\u0995\u09be\u099f \u09b9\u09bf\u09b8\u09c7\u09ac\u09c7 $ \u09ac\u09cd\u09af\u09ac\u09b9\u09be\u09b0 \u0995\u09b0\u09c7 \u09a4\u09be\u09b9\u09b2\u09c7 \u0995\u09bf \u0998\u099f\u09ac\u09c7? \u09af\u09a6\u09bf \u09a6\u09c1\u099f\u09bf \u0986\u09b2\u09be\u09a6\u09be \u09ab\u09cd\u09b0\u09c7\u09ae\u0993\u09df\u09be\u09b0\u09cd\u0995 \u098f\u0995\u0987\u2026","rel":"","context":"In &quot;jQuery-001 \u0964 \u099c\u09c7 \u0995\u09c1\u09df\u09c7\u09b0\u09bf - \u09e6\u09e6\u09e7&quot;","block_context":{"text":"jQuery-001 \u0964 \u099c\u09c7 \u0995\u09c1\u09df\u09c7\u09b0\u09bf - \u09e6\u09e6\u09e7","link":"http:\/\/bangla.sitestree.com\/?cat=152"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":70123,"url":"http:\/\/bangla.sitestree.com\/?p=70123","url_meta":{"origin":69892,"position":5},"title":"How to implement multiple tab webpages in Ajax and Javascript #13","author":"Author-Check- Article-or-Video","date":"August 26, 2021","format":false,"excerpt":"The following two examples will demonstrate how to use javascript and\/or ajax to implement multiple tab webpages.http:\/\/www.dynamicdrive.com\/dynamicindex17\/ajaxtabscontent\/ http:\/\/www.barelyfitz.com\/projects\/tabber\/example2.htmlI have used the first code extensively in one of my applications.The basic ides is: you define a div section. On each click, you change the contents of that div section using Ajax\u2026","rel":"","context":"In &quot;FromSitesTree.com&quot;","block_context":{"text":"FromSitesTree.com","link":"http:\/\/bangla.sitestree.com\/?cat=1917"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]}],"_links":{"self":[{"href":"http:\/\/bangla.sitestree.com\/index.php?rest_route=\/wp\/v2\/posts\/69892","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/bangla.sitestree.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/bangla.sitestree.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/bangla.sitestree.com\/index.php?rest_route=\/wp\/v2\/users\/8"}],"replies":[{"embeddable":true,"href":"http:\/\/bangla.sitestree.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=69892"}],"version-history":[{"count":1,"href":"http:\/\/bangla.sitestree.com\/index.php?rest_route=\/wp\/v2\/posts\/69892\/revisions"}],"predecessor-version":[{"id":78128,"href":"http:\/\/bangla.sitestree.com\/index.php?rest_route=\/wp\/v2\/posts\/69892\/revisions\/78128"}],"wp:attachment":[{"href":"http:\/\/bangla.sitestree.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=69892"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/bangla.sitestree.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=69892"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/bangla.sitestree.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=69892"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}