ASP.NET MVC - Load Partial View using ajax with progress indicator - Visual Studio 2013 MVC 5

Introduction :In any web technology, AJAX is important to load the data without refresh hole page.on other hand we will load data on request so the main page load will be faster than loading all data on page load.In this article I will show how to load MVC Partial view using ajax and how to show progress image or message by callback.
What is Different between partialviews ajax Loading and partialview direct Rendering?
If you render the partial view directly without using ajax technologies, its will loaded on your page (view) load, this will decrease your system performance so in some cases you can avoid this performance issue by load the partial view and render it only on request.
Assume that you are going to create user profile and this profile contains the skills,and education information beside user Information.
In this case you can create each profile section in partial view and then load it on request.
Don't forget to show "loading" or progress message or indicator for users during ajax call request.

Check the source code.
 Hope its helpful.

Comments

Post a Comment

Popular posts from this blog

How to remove (.aspx) from ASP.NET web forms page url using Friendly URL package.

I will explain how to remove (aspx) extension from asp.net web forms pages like the url in MVC. First you need to install the package from Nuget : Install-Package Microsoft.AspNet.FriendlyUrls Then go to Global.asax file , and add the following line to application start  : void Application_Start(object sender, EventArgs e) {    RouteConfig.RegisterRoutes(System.Web.Routing.RouteTable.Routes); } Now your asp.net web forms application url will be friendly without extension (aspx), not that both url with and without aspx will be working. how to register friendly url package asp.net friendly url asp.net web forms
Read more

Create (post) JIRA ticket (Issue) with rest API using C# ASP.NET

Today I will show you how to create new JIRA ticket using C#, you can use this code in class library then you can use it in any .NET application (like ASP.NET).using JIRA web service(REST API) you can retrieve and post Jira tickets by creating rest call to web services,for example : http://localhost:8080/rest/api/latest/issue/PROJ-2 calling this url will return json object contains the full information about issue with key (PROJ-2) so each issue or project have a key. Quick helpful links see how to install Jira on your windows JIRA rest API POST Generate C# class from JSON Now to post new issue follow the instructions : Create Console Application Project in Visual Studio. Download the following libraries by NuGet : Json.NET Microsoft ASP.NET Web API 2 Client Microsoft HTTP Client Libraries Here is the C# code: using System; using System.Collections.Generic; using System.Linq; using System.Net.Http; using System.Net.Http.Headers; using System.Text; ...
Read more