Making use of jQuery Ajax calls in an ASP.NET MVC can boost application's performance. This way, you can GET or POST partial pieces of data from or to application server, without the need to send or retrieve back the entire page. This post will show you how use jQuery to load and fill a DropDown list asynchronously, with data come from the server. More over, we will see how to GET and display a partial view using the ajax method. To see all these interesting and quite useful techniques we are going to build an MVC application where the user is supposed to search for laptops. When the page is loaded for the first time, a DropDown list (Master) will be filled asynchronously with some random Manufacturers, such as "DELL" or "APPLE". Selecting one of these manufacturers will cause a new jQuery Ajax call to fill a second DropDown list (Detail) which is going to display the laptop series/categories for the respective Manufacturer. Finally, when the user picks a category from the second list, an ajax call will fetch a Partial View from the server, displaying all the available laptops according both to the selected Manufacturer and the category.


I guess you came to this post by searching similar kind of issues in any of the search engine and hope that this resolved your problem. If you find this tips useful, just drop a line below and share the link to others and who knows they might find it useful too.

Stay tuned to my blog, twitter or facebook to read more articles, tutorials, news, tips & tricks on various technology fields. Also Subscribe to our Newsletter with your Email ID to keep you updated on latest posts. We will send newsletter to your registered email address. We will not share your email address to anybody as we respect privacy.

This article is related to

C#,.NET,Architect,Intermediate,VS2010,.Net,Articles,MVC,AJAX,Computer Tutorials, Web Development, Web, jQuery