asp.net core docker Part 95 OnBegin, OnComplete, OnSuccess and OnFailure properties of AjaxOptions class

Link for code samples used in the demo
http://csharp-video-tutorials.blogspo...

Link for csharp, asp.net, ado.net, dotnet basics, mvc and sql server video tutorial playlists
https://www.youtube.com/user/kudvenka...

This is continuation to Part 94, Please watch Part 94 from the ASP.NET MVC tutorial before proceeding with this video.

Using the following 4 properties of the AjaxOptions class, we can associate JavaScript functions that get called on the client at different stages of an AJAX request/response cycle.
1. OnBegin - The associated JavaScript function is called before the action method is invoked
2. OnComplete - The associated JavaScript function is invoked after the response data has been instantiated but before the page is updated.
3. OnSuccess - The associated JavaScript function is invoked after the page is updated.
4. OnFailure - The associated JavaScript function is invoked if the page update fails.

We will continue with the example that we discussed in Part 94.
1. When you click on "All" link, all the students will be loaded into the [div] element that has got id=divStudents.
2. At the moment, when you click on "Top 3" link, the data from the previous request is still present in "divStudents". Only when "Top 3" students become available, "divStudents" is updated with new data.
3. Our application requirement is to clear, "divStudents" element content, as soon as we click on any AJAX link and before the associated action method is invoked.

To achieve this, let's use "OnBegin" property of AjaxOptions class.
Step 1: The following JavaScript function, finds the "divStudents" and clear it's contents
function ClearResults()
{ $(" #divStudents").empty();
}

Step 2: Associate ClearResults() function with "OnBegin" property of AjaxOptions class.
@Ajax.ActionLink("All", "All", new AjaxOptions { HttpMethod = "GET", UpdateTargetId = "divStudents", InsertionMode = InsertionMode.Replace, LoadingElementId = "divloading", OnBegin = "ClearResults" })

Please Note:
OnBegin property can also be used to cancel the invocation of the action method. The JavaScript function that is associated with "OnBegin" property is invoked before the action method is invoked. So if that associated JavasSript function returns false, then the action method will not be invoked. Your JavaScript function may look something like this.
function Validate()
{ if (condition) { return true; } else { return false; }
}

Let's now discuss an example of using "OnSuccess" property. Immediately after the page is updated with students data, we want to dispay the total number of rows retrieved using JavaScript alert.

To achieve this, let's use "OnSuccess" property of AjaxOptions class.
Step 1: Set id attribute for the table element in "_Student.cshtml" partial
[table id="tableStudents" style="border:1px solid black; background-color:Silver"]

Step 2: The following JavaScript function counts the total number of rows.
function CountRows()
{ alert(($(" #tableStudents tr").length - 1) + 'rows retrieved');
}

Step 3: Associate CountRows() function with "OnSuccess" property of AjaxOptions class.
@Ajax.ActionLink("All", "All", new AjaxOptions { HttpMethod = "GET", UpdateTargetId = "divStudents", InsertionMode = InsertionMode.Replace, LoadingElementId = "divloading", OnSuccess = "CountRows" })

asp.net core docker Part 95 OnBegin, OnComplete, OnSuccess and OnFailure properties of AjaxOptions class
141 Likes	141 Dislikes
57,993 views views	524K followers
Education	Upload TimePublished on 18 Sep 2013

Related keywords

wcf vs web api,ado.net core,sql server management studio,webkinz,webadvisor,craigslist nj,wcf one piece,asp.net core 3,ajax players,weber grill parts,webtoon,tutorials by hugo,csharp corner,mvc design pattern,asp.net machine account,servers for minecraft,asp.net core dependency injection,ado.net tutorial,services angular,ajax ontario,tutorial definition,tutorial on excel,asp.net mvc tutorial,asp.net cos'è,csharp assembly,tutorialspoint python,sql join,services briefcase,asp.net core web api,ajax jquery,wccftech,craigslist ny,asp.net zero,csharp foreach,server memes,sql date format,services online,chase,serverless architecture,server resume,wcf c#,server books,tutorialspoint javascript,mvcc connect,ado.net mysql,services technologies gps,ajax deadpool,server jobs,cvs,website,mvc tutorial,costco hours,wcf service application,tutorialspoint spring,serverless,wcf soap,wcf cat,cool math games,wcf test client,services & training hse colombia sas,servicestack,citibank,asp.net core identity,sql union,ajax parking,sql database,asp.net core logging,mvconnect,cunyfirst,asp.net guida,wcf nba,csharp download,wcfi foundation,csharp online,wcf authentication,tutorials near me,http://asp.net,server 2019,chernobyl,ado.net descargar,web of dreams,serverminer,ajax cleaner,ado.net visual studio 2019,tutorial for windows 10,webassign,ado.net vs entity framework,ado.net visual studio 2017,csharp list,sql like,asp.net mvc,asp.net core tutorial,sqlite,wcfm,ajax roster,tutorial gateway,mvc architecture,http://ado.net,asp.net core mvc,ajax soccer,server hosting,wcfi,ajax dish soap,capital one,server rack,tutorialspoint html,csharp interface,craigslist,webroot,tutorialspoint reactjs,ajax request,wcf dragon ball,asp.net core 2.2,tutorialspoint python 3,sql developer,webster,services transmission company sas,sql group by,asp.net core signalr,services manager,mvc framework,ajax paving,mvc near me,tutorialspoint spring boot,mvc map,csharp online compiler,asp.net download,sql between,ado.net c# pdf,services tag dell,wcf 2019 nba,csharp switch,ado.net ventajas y desventajas,csharpstar,wcf tutorial,tutorialspoint,ajax meaning,csharp-video-tutorials.blogspot,tutorials dojo,tutorial mission gta online,central park 5,csharp string format,ado.net c#,asp.net core github,server status,ajax fc,server jobs nyc,asp.net core swagger,sql formatter,credit karma,services group,server error in '/' application,services windows,asp.net core 3.0,sql injection,tutorialspoint c#,wcf ria services,calculator,ado.net entity data model,sql insert,tutorialspoint tableau,services google play apk,sqlyog,asp.net core 3 release date,sql server,server job description,tutorials by a,servicenow,webcam,mvc hours,webmd symptom,csharp array,csharp enum,ajax call,asp.net core 2. guida completa per lo sviluppatore,asp.net core,server pro,server status ffxiv,cheap flights,webcrims,asp.net core hosting,services sas,tutorialspoint java,tutorialspoint java compiler,webmd,csharp to json,college football,ado.net dataset,csharp dictionary,tutorial meaning,cnn,website builder,tutorial.mc-complex,tutorialspoint sql,asp.net web api,server side rendering,weber grills,sql server 2017,tutorialspoint spark,mvc nj,ado.net oracle,asp.net core download,csharp to vb.net,webster bank,webstaurant,tutorial systems,tutorialsystems,tutorial teacher,ajax post,services fms publish announcement,services.msc no abre,ajax jersey,csharp operator,asp.net core razor pages,server duties,asp.net core environment variables,tutorial on variational autoencoders,csharp random,century 21,services consultores,services consulting,mvcsd,services.msc,mvcsc,ado.net pdf,asp.net core configuration,ajax marvel,tutorial synonym,sql update,asp.net tutorial,mvc medical,ado.net entity data model visual studio 2019,wcfs international curriculum,mvc2,ado.net entity data model visual studio 2017,chase online,wcf api,costco,server jobs near me,webex,sql meaning,sql tutorial,sql commands,ado.net entity framework,ajax tavern,tutorialsteacher,ajax javascript,services desk,ajax greek,csharp tutorial,mvc pattern,ado.net sql server,ado.net connection,asp.net identity,mvcu,asp.net core middleware,wcf web service,mvc webadvisor,tutorial music,web store,mvcc,webmail,mvci,mvctc,