Part 92 Ajax with asp net mvc

[@Csharp-video-tutorialsBlogspot]

sure, will do it very soon. In the description of this video, I have included the link for ASP .NET, C#, and SQL Server playlists. All the videos are arranged in logical sequence in these playlists, which could be useful to you. Please share the link with your friends who you think would also benefit from them. If you like these videos, please click on the THUMBS UP button below the video. For email alerts, when new videos are uploaded, you may subscribe to my channel.

[@kopilkaiser8991]

Thank you brother for all your hard efforts and work in bringing to us all of these valuable knowledge. I was able to improve and enhance my knowledge in mvc and by learning ajax it just got better. As doing requests without needing to refresh page is indeed very valuable 😊✌️

[@Squackles14]

Ajax (Asynchronous JavaScript and XML) is a way that allows the client (the users browser) to make calls to the server to retrieve data without having to do a full refresh of the page. Jquery is a javascript library that can among other; things make it easier to implement AJAX behaviour in a browser. think of browser chatrooms or youtube refresh comments capability.

[@georgegeschwend7453]

Awesome video. The mysteries of Ajax and Mvc are unlocked.

[@Csharp-video-tutorialsBlogspot]

Brilliant, thank you very much for taking time to answer this question. Keep up the good work of helping others.

[@khalilsandal8070]

you should probably delete this comment, it looks like you are commenting on your video when in fact you were replying to another comment cs youtube didn't have the reply functionality not until recently.

[@nileshbawalekar5083]

Use to work on MVC4/5. Thank you so much Venkat sir!!

[@johncross116]

Kudvenkat, thank you so much for your videos! I use these often and regularly prefer them over my pluralsight subscription.

[@nikitakildibekov7044]

You helped me so many times....THANK YOU!!!!

[@braScene]

Great and easy to understand as usual, thank you!!

[@jameel941]

very helpful and also explained well. thanks a lot. keep working

Very clear explanation. Thanks

[@NeverGiveUp-ww1nm]

kzbin.info/www/bejne/i4a6i32Ao6atsMU

[@edisoncrisostomo3786]

just what i need! Thank you for this!

[@Deep185]

Thanks for doing this. Very nice, will help me for my mvc projects.

[@Vivalavidapool]

Install-Package Microsoft.jQuery.Unobtrusive.Ajax if you don't have the file with mvc5

[@AB-wn3ne]

Thanks bro

[@pedro1jfa]

That was very important ;)

[@kalyanidotnet5905]

ur tutorials are awesome

[@navatagames]

Thanks a lot. Very nice tutorial. saved me lot of time

[@sachingreat222]

Very nice tutorial. Can we use Ajax toolkit in mvc or any other free toolkit in mvc which provides controls like datalist and all

[@cavidaramalingam4613]

Very nice and helpful tutorial

[@stevenfralix4938]

My dude, helped me out alot!! Thank you.

[@mjyo3807]

It is not working as expected. Why ?? It redirects to the action URL and rendering the partial view in new URL as a new page. Please, any idea?

[@henrikolsson7799]

6 months too late but if you press F12. You might get an error message in google chrome console. The version of Ajax and Jquery was not compatible. If you use the package manager and enter Install-Package Microsoft.jQuery.Unobtrusive.Ajax -Version 3.2.6. that worked with version 3.3.1 of Jquery.

[@LuisBragagnolo]

For those who are having problems, you must add these two lines: @Scripts.Render("~/bundles/jquery") @Scripts.Render("~/bundles/jqueryval")

[@harrymaartens]

Hello I'm busy with that demo, but where must I add these two lines?

[@LuisBragagnolo]

At the end, just throw those two line in any place at the end of the view.

[@harrymaartens]

My first step was: Install-Package Microsoft.jQuery.Unobtrusive.Ajax @Scripts.Render("~/Scripts/jquery.unobtrusive-ajax.min.js") Then your 2 lines at the end of view Index but when I run the site I get an Compilation Error. Must I create a bundle map with some data?

[@harrymaartens]

Some security options blocked the AJAX script. Now its working perfect.

[@tohidtaghizadeh728]

I add these to line in view bu stil don't working, when i click on all or top3 its redirect me to ../home/all , what should i do ? thanks

Muy buen aporte. Gracias amigo =)

[@joshuatoala8661]

good morning sorry the questions ¿do you have any video to talk about REPORTS using the arquitecture MVC and viewmodels?

[@wgrzesiak147]

For MVC 5 following scripts have to be added in Index view

[@anthonyruffino8979]

Great Video. I have to make some UI for some tools at work (programming that I do not really enjoy) and this will definitely help me keep things responsive and clean.

[@TheTruRavi]

Hi Venkat, Thanks for all your videos. Could you please explain Design patterns - Singlton, Factory, Abstract Factory and real time use ? Could you please explain IEnumerable and  IQueryable, that will be really helpful ? One request if you are going to create videos for later point, it will be helpful if you post these answers on blog as you did for WCF, for time being we can refer till you upload videos Thanks,

[@user-gy2bh4qr5w]

Excellent

[@abhinavkumar8271]

Great Video.. Thanks Venkat..

[@reynan218]

Nice tutorial. I have a question. how can i use dropdownlist instead of actionlink?

[@contactsan5088]

Hi Venkat, I tried to implement this code in my system, but for some reason the whole page is posted to server. Once the student info is displayed, Title and links are gone and the student info is only visible on the page. Looks like Ajax is not work and the whole page is posted to server. I am I missing something here??? Appreciate your response...

[@Suni777]

Love you sir thanks a lot

[@zenanon7169]

Thanks this is a big help...I like your blog too.

[@NeverGiveUp-ww1nm]

kzbin.info/www/bejne/i4a6i32Ao6atsMU

[@irajeshtailor]

God for beginners

[@gauravkumar004]

Thanks .. Nice explanation.

[@Lepinochftw]

you saved my life.

[@NeverGiveUp-ww1nm]

kzbin.info/www/bejne/i4a6i32Ao6atsMU

[@SharePointCafeNet]

Hi Venkat, Nice Video. Thanks for the explanation. Could you please explain the same demo by using a Layout Page. Because, in my case, I am able to implement AJAX perfectly without Layout page, but if I am using a Layout then clicking on Ajax link is showing complete blank page. Appreciate if you could explain this.

[@lisbecg]

Great video!!!!!!!! Thanks.

[@Csharp-video-tutorialsBlogspot]

Thank you very much for taking time to give feedback. This means a lot. I am very glad you found the videos useful. I have organised all the Dot Net & SQL Server videos in to playlists, which could be useful to you kzbin.infoplaylists?view=1&sort=dd If you need DVDs or to download all the videos for offline viewing please visit www.pragimtech.com/kudvenkat_dvd.aspx Slides and Text Version of the videos can be found on my blog csharp-video-tutorials.blogspot.com Tips to effectively use my youtube channel. kzbin.info/www/bejne/r2ibYYCtnb5qZtU If you want to receive email alerts, when new videos are uploaded, please subscribe to my youtube channel. kzbin.info If you like these videos, please click on the THUMBS UP button below the video. May I ask you for a favor. I want these tutorials to be helpful for as many people as possible. Please share the link with your friends and family who you think would also benefit from them. Good Luck Venkat

[@richardrisner921]

Thank you! In my case I had to also get the NuGet package for Microsoft jQuery Ajax

[@thendomasuma8875]

Thank you Sir keep up the good work

[@ditisnietpablo]

Hey, I was testing this in visual studio which already had a standard css style setup for all pages. It works great, however the style does not get applied after the ajax replace. Any help?

[@NeverGiveUp-ww1nm]

kzbin.info/www/bejne/i4a6i32Ao6atsMU

[@FatalFarrow]

Great tutorial

[@ramaduraijayaraman7799]

Very Helpful Tutorial. Thank you.

[@mozhgankhosravi8668]

Very Helpful Tutorial Thank you

[@Adam-sg1eo]

I must be stupid or something. I am struggling and getting the error: Cannot pass type List into the view from controller. Needs to be of type IEnumerable. When I attempt to pass this same list from my model into a normal view(not partial) it works fine. Only getting this error with partials.

[@sarmadjutt4384]

May be you didn't make partial view of type list

[@varshas4187]

Great video... Thanks a lot ....

[@HawazTekle]

Great video !

[@sachingreat222]

Great explanation

[@anthonywolf1731]

Thank you for the great video, I've been looking for something like this to replace my clunky and awkward use of server-side datatables. In the Ajax.ActionLinks, is there any way to pass additional data to the server such as sort column, ascending / descending, and additional filtering information?

[@chandrashekharvishwakarma4759]

this is very helpful thanks

[@mloettgers]

Thank you very much. Really helpfull :-))

[@BalwinderKaur-bc2kp]

hi is it still working with Visual Studio 2022 ? @AJAX helper shows error even after installing packages advise me

[@TheOmarAB]

Thank You, Very Usefull Helpfull

[@Jupitersparks30]

there is issue with ajax version 2.1 .. the whole page is getting posted again.

[@rehmanmustafa3535]

hi i am trying to do this in identity register rezor page, but i am confused, because there is not controller so how can i give url?

[@nolimitsREAL]

How would work if you would use a class from ViewModels instead of using directly the model ? thanks

[@nandhinic4115]

Ajax can be used asp. Net core mvc?

[@rockonyo100]

Thanks.....

[@Adnanali-cs3ql]

Really helpful!

[@waiyanhein7205]

It is not working as expexted . Why ?? It redirect to the action url and rendering the partial view in new url as new page . Please any idea ??

[@maaaa322]

Install-Package Microsoft.jQuery.Unobtrusive.Ajax @Scripts.Render("~/Scripts/jquery.unobtrusive-ajax.min.js")

[@islamahmed4003]

+Waiyan Hein same here and i'm trying to find solution but no solution till now! any help

[@islamahmed4003]

+Waiyan Hein i have found the solution , in this example he created an Index view without associated it with a layout or masterpage so he was forced to but ajax scripts references in his index cshtml..most of peaple who had a new window problem use the auto-generated mvc package , in it the index chtml associated to a layout so the solution is to decleare the references or the scripts in the layout.

[@pedroantunes4157]

Thank you ;)

[@AbhishekAnshuuu]

+Mari Although it's a 3-year old comment. It is still helping today. Thanks a lot lot lot.

[@PradeepLilhare]

Thanks a lot really helpfull for my project.

[@iupendaraele]

i have installed entity framework 6.1.3 vs2015. after addig the edmx file to my model folder. i didn't get designe file and dbcontext.cs file vb.net why?

[@KearlHat]

How can more complex parameters be passed to ajax.actionlink? Like another model or class of variables? Thanks!

[@engr.muhammadenayethossain8318]

nice video

[@sodiptosaha229]

what is the version of jquery.unobtrusive-ajax.min.js you use?

[@adityaubale528]

I didn't get the need of Id= divstudent , it's empty div .. so what is its use..

[@pedroantunes4157]

Thank you!

[@thedyxxx]

i'm a newbie in asp.net, can i use this tutorial with not mvc version of asp.net?

[@LifeIsGood1992]

thank you !

[@jaylovett2237]

Very good video. Is there a way to have all student render by default in the partial page?

[@Diablo070707]

Great video. One question: how should I go about if I wanted PartialViewResult All() to display by default on view without the need to click on the link?

[@saksahmkumarsaksham]

Call Render method on Index load

[@tohidtemp8574]

wonderful for me

[@edinenu5291]

Dear Sir, Can you please tell me how to pass value of textbox as a parameter to ActionLink? For example: @Ajax.ActionLink("Top 3", "Top3", new { Name = "Here i want to use FirstName textbox entered value as a paramter"}, new AjaxOptions { HttpMethod = "GET", UpdateTargetId = "divStudents", InsertionMode = InsertionMode.Replace // Replace the existing contents }) I have Name control @Html.Text("FirstName"). Thank You,

[@ishfaqawan572]

Helpful

[@hendesebilisim]

Thank you Sİr

[@mandardesai3841]

how and why implement recatpcha functionality can you demonstrate with mvc Example

[@zerofcks_given]

how to do this ajax with paging?

[@TheKopheE]

Thank you so much :)

[@alaahershey1797]

Hi, how to load the result of this ajax ActionLink when page loads(without pressing the link I mean) , Thanks.

[@ipsitapani4760]

THANKS.

[@shahedali9943]

Respected Sir, Links are also getting replaced with Div tag if we click on any link

[@adnhocvien]

Dear Mr. Kudvenkat: I'm very impressed your Ajax MVC video. How to write the Ajax first load All Student by default? then after that user can click other links? I would appreciate it, if you will send the code sample code of Ajax to populate ALL STUDENTS by default. Thank you;

[@NeverGiveUp-ww1nm]

kzbin.info/www/bejne/i4a6i32Ao6atsMU

[@saagarsoni3]

thank u sir

[@lespiotrowski3451]

MVC Core does not support @Ajax.ActionLink....how would you do this in Core?

[@user-jt9eb6zq2i]

U should include jquery.unobtrusive-ajax.min.js into the page and done

[@sergioesteban7663]

how to perform a post with ajax.actionlink?

[@ppreethuu]

can you please help me "how to bind a listview using webmethod ? i mean using ajax method"

[@alfredjose1745]

Hi sir, can you make a tutorial about pagelist that combine this ajax. thank you.

[@lemonsadadtrewd]

Doesnt work in Mozzila Firefox. Use Google Chrome. EDIT: Make sure javascript is enabled... Mine wasn't. It will work in MF.

[@ipsitapani8641]

WHAT IS AJAX AND JQUERY SIR?

[@NeverGiveUp-ww1nm]

kzbin.info/www/bejne/i4a6i32Ao6atsMU

[@marcinpiwowarski7770]

Don't know why i get redirect from localhost:64737/Home/Index to 64737/Home/Top3 after clicked 'Top3' Ajax.ActionLink. So in result ajax doesnt work for me. Do u have any suggestion?

[@craigj20]

+Marcin Piwowarski I am getting the same. did you find the solution?

[@marcinpiwowarski7770]

+Craig Jameson I can make project with this sample and put on my github and then give you link cuz i dont remember how I did solve this problem

[@ilkinsamelimov8096]

+Marcin Piwowarski 1. Run this command in Package Manager Console: Install-Package Microsoft.jQuery.Unobtrusive.Ajax 2. Add this js file (under 'Scripts' folder) into your main page after calling jquery: 'jquery.unobtrusive-ajax.min.js' 3. Enjoy ajax :)

[@johncross116]

Did you create "Top3" as a partial view? Make sure the controller reflects this too.

[@chiraglangaliya9051]

Enable javascript in the browser...and you are good to go...

[@David-wc8ze]

Thanks...