Ajax tutorial in ASP.NET C# web programming partial page updates

How to use AJAX in an ASP.NET web page. This will show you how to define a partial page element, modify a form submit request to an AJAX request, import the unobtrusive jquery library using nuget, handle an ajax request in the appropriate controller method and respond to click events in page controls. This video is a compilation of five parts to form one example project.

I am a professor of software development and computer science at Grand Canyon University. Students graduate with experience in C#, Java, JavaScript and PHP frameworks including Microsoft .NET MVC, Spring, Enterprise, Laravel, Node, Express, React, Angular, Android, Xamarin and jQuery.

Included in the programming experience, students also practice software development practices with agile teams using burndown charts, scrums, user story backlogs and sprints.

[muttBunch]

Love this guy, “Let’s go fix that”. Love the teaching style. Makes it fun

[shishirdonde]

Extraordinary. Now I know what partial refresh is. Thanks a ton.

[mig]

Just wanted to thank You Sir. I'm a C# desktop developer professionally, but i'm looking for a new job as a ASP.NET developer, and beside reading some books (like "Pro ASP.NET Core 3: Develop Cloud‑Ready Web Applications" which i highly recommend) i am using Your videos, to get more familiar with some topis, while i am making my own projects just for learning purposes.
As You obviuosly know, making desktop applications with C# is totally different than making web applications (tbh the only thing, that is the same, is the language).
So, once more - thank You :)

[kasiakordys]

That is exactly what I was looking for. Great video.

[serasmaestroconconstancia]

Thank you bro, your explanation is quite smooth. Regards, bravedeveloper.

[rexworthington]

2:26 You were getting ready to say "bullshit" and caught yourself LOL

[martink]

Nice and easy Ajax example. I respect the onclick tip you added inn!
Quick question would you do this in ASP.NET Core?( or is it .NET5 now :P).
I am new to ASP development and get confused sometimes about what works where and best practices.

[juanalbertoboada]

Hi Shad,

Amazing tutorial.

This was one of my doubts if it could be done, you solved this doubt for me.

I have been reading a little bit and I have found that many sites recommend the use of ViewComponent instead of Partial View, I am still reading to know what a ViewComponent is, knowing the difference between Partial View and ComponentView, and how to work with them.

Do you have a video or videos explaining ViewComponent?

Sincerely,
Juan Boada

[jono]

Hi, Great Tutorial. After adding the AJAX functionality the customer details are now appearing on a new page? I have checked the UpdateTargetId and it is the same as the Div Id. I'm stumped. Any ideas what I have done wrong?

[AlThePal]

I just have one question for now why didn't you do this with vs code because I dotnet add ef etc.. and all this stuff happens and all I have to do is change the layout. It seems like more work this way

[MrJohn]

I am getting an error when I create the first view, specifically in the second line "Layout = null;". The error reads as CS0103: The name "Layout" does not exist in the current context. Any ideas on how to fix this, I have searched for fixes and none have worked. Anyone has the same issue? Solutions?

[stevemcqueen]

Unfortunately he builds bugs into his code to "troubleshoot". This means when you make a mistake yourself, you end up looking through the video and typing in his bugs.

[xxapoloxx]

This makes ajax so much more complicated than plain html...

[AlThePal]

I really wish I could have you look at my code and help me this shit is driving me bonkers and no I am not using razor pages. My school sucks for not teaching me how to do that

[haonrolyat]

come on bro - say that you're using ajax form and not ajax in the title. form submittals are not that same as straight up ajax