Einar  Hintz

Einar Hintz


jQuery Ajax CRUD in ASP.NET Core MVC with Modal Popup

In this article, we’ll discuss how to use jQuery Ajax for ASP.NET Core MVC CRUD Operations using Bootstrap Modal. With jQuery Ajax, we can make HTTP request to controller action methods without reloading the entire page, like a single page application.

To demonstrate CRUD operations – insert, update, delete and retrieve, the project will be dealing with details of a normal bank transaction. GitHub repository for this demo project : https://bit.ly/33KTJAu.

Sub-topics discussed :

  • Form design for insert and update operation.
  • Display forms in modal popup dialog.
  • Form post using jQuery Ajax.
  • Implement MVC CRUD operations with jQuery Ajax.
  • Loading spinner in .NET Core MVC.
  • Prevent direct access to MVC action method.

Create ASP.NET Core MVC Project

In Visual Studio 2019, Go to File > New > Project (Ctrl + Shift + N).

From new project window, Select Asp.Net Core Web Application_._

Image showing how to create ASP.NET Core Web API project in Visual Studio.

Once you provide the project name and location. Select Web Application(Model-View-Controller) and uncheck HTTPS Configuration. Above steps will create a brand new ASP.NET Core MVC project.

Showing project template selection for .NET Core MVC.

Setup a Database

Let’s create a database for this application using Entity Framework Core. For that we’ve to install corresponding NuGet Packages. Right click on project from solution explorer, select Manage NuGet Packages_,_ From browse tab, install following 3 packages.

Showing list of NuGet Packages for Entity Framework Core

Now let’s define DB model class file – /Models/TransactionModel.cs.

public class TransactionModel
    public int TransactionId { get; set; }

    [Column(TypeName ="nvarchar(12)")]
    [DisplayName("Account Number")]
    [Required(ErrorMessage ="This Field is required.")]
    [MaxLength(12,ErrorMessage ="Maximum 12 characters only")]
    public string AccountNumber { get; set; }

    [Column(TypeName ="nvarchar(100)")]
    [DisplayName("Beneficiary Name")]
    [Required(ErrorMessage = "This Field is required.")]
    public string BeneficiaryName { get; set; }

    [Column(TypeName ="nvarchar(100)")]
    [DisplayName("Bank Name")]
    [Required(ErrorMessage = "This Field is required.")]
    public string BankName { get; set; }

    [Column(TypeName ="nvarchar(11)")]
    [DisplayName("SWIFT Code")]
    [Required(ErrorMessage = "This Field is required.")]
    public string SWIFTCode { get; set; }

    [Required(ErrorMessage = "This Field is required.")]
    public int Amount { get; set; }

    [DisplayFormat(DataFormatString = "{0:MM/dd/yyyy}")]
    public DateTime Date { get; set; }


Here we’ve defined model properties for the transaction with proper validation. Now let’s define  DbContextclass for EF Core.

#asp.net core article #asp.net core #add loading spinner in asp.net core #asp.net core crud without reloading #asp.net core jquery ajax form #asp.net core modal dialog #asp.net core mvc crud using jquery ajax #asp.net core mvc with jquery and ajax #asp.net core popup window #bootstrap modal popup in asp.net core mvc. bootstrap modal popup in asp.net core #delete and viewall in asp.net core #jquery ajax - insert #jquery ajax form post #modal popup dialog in asp.net core #no direct access action method #update #validation in modal popup

akhila priya

akhila priya


Explain about ASP.Net Web forms?

It is possible to build re-usable code on ASP.Net. In certain places, the re-usable code can be used without the need to write the code again.

After writing the code, the re-usable code helps to minimize the amount of time spent by the developer. It can be performed once at different locations and reused.

Creating ASP.Net User Access
The capacity of ASP .Net online training is to build Web controls. Such controls contain code that can be used again. As per the requirement, it can be used in the application.

Let’s look at an example of how we can build control for web users in ASP Dot Net training.

In our illustration,

We are going to build a control system for the web.

A header component will be generated using it.

Let’s work in the earlier sections with our new web application developed. Let’s follow the steps below to create a control for a Web user.

Step 1)

The first step is to build and add to our Visual Studio Solution web user access.

Creating controls for Asp.net, Webforms, and Web config files

In Visual Studio, go to Solution Explorer and right-click on DemoApplication Solution.

Choose an Add->New Item in the menu item.

Step 2)

In the next step, we must choose to build a web user control option.

We can see different options for building various kinds of components in the project dialog box. On the left-hand side, click the “Web” option.
When we click on the “Web” button, the “Web Forms User control.” option appears. Click on this option for more Dot net training.
We then assign the name “Control” to the web control.
Finally, to let Visual Studio add a web user control to our solution, press the ‘Add’ button.
Step 3)

Now it’s time to install the Site User Control custom code. Pure HTML syntax will be the foundation of our code. Add the following code to the code.

This Tutorial is for

Explanation of Code:
In our Web Control file, we construct a table element first. This will be used to keep 2 text rows that will be used for showing the above code result.


We are now unable to run this code and display the production. The only way to see if it works is to use it in our app (aspx file).In the following subject, we are going to look into this.

Registration of ASP.NET online training Web Form User Controls

We have seen how we can build a custom web control in the earlier section. This can be used in a web form to show the two following lines.

We need to use it in our web application once the custom ‘control’ is developed. The first step is to have the element registered in our application (Demo.aspx). This is the prerequisite for any custom web control to be used in an ASP.Net application.

Let’s discuss how we can accomplish this. The steps below are a continuation of the previous chapter. We built our custom control in the previous section. We’ll be using the control in our Demo.aspx web form in this section.

Second, our custom ‘control’ will be recorded in the Demo.aspx format.

Step 1)

Ensure that the demo.aspx file is being worked on. It is in this file that the control of the web user is documented. This can be achieved in the Solution Explorer of your .Net solution by double-clicking the demo.aspx file.

You will definitely see the code below in the form until you double-click the form. When a web form is applied to an ASP.Net project, this is the default code added by Visual Studio.

The default code consists of steps that are necessary to ensure that the form will run in the browser as an ASP.Net Webform.

Step 2)

Now, let’s add our code to the user control register.

<%@ Page Language=“C#” AutoEventWireup=“true” CodeBehind=“Demo.aspx.cs” Inherits=“DemoApplication.Demo” %>

<%@ Register Src=“~/Control.ascx” TagName=“WebControl” TagPrefix=“TWebControl”%>

ASP.Net controls. It is important to run all ASP.Net controls (including custom controls) on the server. Their output is then sent to the client from the server and is displayed accordingly in the browser.
When the above code is set and the project uses Visual Studio to execute. You’ll get the production below.
Registering asp.net globally in the asp configuration file for the site


Often, in a .Net program, one would want to use user controls on many sites. You don’t want to keep on documenting user controls on each and every ASP.Net page at this point.

You can register with .Net on the ‘web.config’ file.
The site.config file is a standard configuration file used in the .Net project for all web pages.
It includes the configuration information needed for the ASP.Net web project. For instance,
the target framework parameter is one common configuration in the web.config file.

This parameter is used to define the version of the .Net system the application uses.
Let’s see how we can register our web.config control in the code.

Step 1)

By double-clicking the file, open the web.config file from the solution explorer.

You might see the below configuration when you open the web.config file. When the project is built, Visual Studio automatically adds ‘web.config’. To make the ASP.Net project work properly, this is the basic configuration needed.

Step 2)

Now let’s register the web.config file with our part. For that, we need to add the lines below.



The registration contains the sub-stages below.

Attach the tag. This means that all the control settings would be available to all of the solution’s ASP.Net sites.

The tag indicates that you are implementing a user control setup.

Then, with the additional tag, we record the user power. The remaining tagPrefix, tagName, and src parameters remain the same as before.

Step 3)

Remember to go to the page ‘demo.aspx’ and delete the control lines that had the part registration. If you do not perform this Step, a file will be executed instead of the file ‘web.config’ from the file ‘demo.aspx.’

<%@ Page Language=“C#” AutoEventWireup=“true” CodeBehind=“Demo.aspx.cs” Inherits=“DemoApplication.Demo” %>

<%@ Register Src=“~/Control.ascx” TagName=“WebControl” TagPrefix=“TWebControl”%>

ASP.Net has the ability to construct controls for users. To provide code that is used several times in an application, user controls are used. It is then possible to reuse the user control in the program. Before it can be used, the user control needs to be documented on the ASP.Net website. Then there is Asp .Net online training Hyderabad for you to know more.

#dot net training #dot net course #dot net online training #dotnet institute #dot net online course #.net online training

akhila priya

akhila priya


Overview of ASP.NET Core MVC | Microsoft Docs

There is nothing like a page in an ASP.NET for .NET Core MVC application and it also doesn’t have something that refers directly to a page when you define a route in the URL. The closest thing to a page in an application for ASP.NET for Dot net online training Core MVC is known as a view.

As you know, all incoming browser requests in the ASP.NET MVC framework are managed by the controller and these requests are mapped to the controller’s behavior.

A controller action might return a view or some other type of action, such as redirecting to another controller action, may also be performed.

The most common method for generating HTML with the MVC framework is to use ASP.NET MVC’s Razor view engine.

To use this view engine, a ViewResult object is created by a controller action, and a ViewResult may carry the name of the Razor view that we want to use.

Core for ASP.NET

Supports Various Platforms:

On Windows, Linux, and Mac, ASP.NET Core applications can be installed. And you don’t need to create multiple apps using different frameworks for different platforms.


For browser-server communication, ASP.NET Core no longer relies on System. Web.dll. ASP .NET online training

Core makes it possible for us to provide the packages we need for our application. This reduces the pipeline of requests and increases performance and scalability.

IoC Container:

This includes the built-in automated dependency injection IoC container that makes it maintainable and testable.

Modern UI Frameworks Integration:

It enables modern UI frameworks such as AngularJS, ReactJS, Ember, Bootstrap, etc. to be used and managed using Bower (a package manager for the web).


ASP.NET The core web application can be hosted on different web server platforms, such as IIS, Apache, etc. As a standard .NET application, it is not based only on IIS.

Sharing code:

Helps you to build a library of classes that can be used with other .NET frameworks, such as .NET Framework 4.x or Mono. A single codebase can also be exchanged through frameworks.

Side-by-Side Software Versioning:

ASP.NET Core runs on .NET Core, which supports several program versions running concurrently.

Smaller Implementation Footprint:

The program ASP.NET Core runs on .NET Core, which is smaller than the .NET System as a whole. So, there will be a smaller deployment size for the program that uses only a portion of .NET CoreFX. This decreases the footprint for deployment.

View Outcome

The view is a file on the file system, and the View Result can also hold the view along with the model object, and the view can use the model object when HTML is generated.

When the MVC framework sees that a View Result is generated by the controller operation, the framework can find the view on the file system, execute the view that generates HTML, and it is this HTML that is sent back to the client by the framework.


To understand how this works in our application, let us now take a simple example by modifying the implementation of the Home Controller Index method as shown in the following program.

FirstAppDemo.Models used;

Microsoft.AspNet.MVC usage;

Applying System;

System.Collections.Generic is used;

Usage of System. Linq;

System.Threading.Tasks are used;

FirstAppdemo.Controllers namespace {

HomeController Public Class: Controller {

ViewResult Public Index() { {

Employee var = new Employee { ID = 1, Name = “Mark Upston”};

View(); returns;




Instead of generating an ObjectResult within the HomeController, let us only return what the View() method returns. An ObjectResult is not returned by the View process. This produces a new ViewResult, so we’ll also adjust the Index method’s return form to ViewResult. Here, the View method accepts certain parameters. This method will be invoked without any other parameters. Let us save your browser file and refresh it.

Object Result

This is because the system for the MVC must go out and find the view, but right now there is no view.

Views are files that have a *.cshtml extension by default in a C# ASP.NET project and the views follow a particular convention. By default, all views live in the project’s Views folder.

If you don’t offer any additional details, ASP.NET online training india

MVC will derive the view location and the view file name.

The first place that the MVC framework would search for that view is within the Views folder if we need to make a view from the Home Controller’s Index action.

It will go to the Home folder and then search for a file named Index. cshtml, since we’re in the Index action, the file name begins with Index.

The MVC framework will also look within the Shared folder and you can use the views you put within the Shared folder anywhere in the application.

Let us build this Index. CSS HTML file in the correct location for our view results to function correctly. But we need to first add a folder to our project that will hold all of our views, and call it Views. We’ll add another folder within the Views folder for views that are connected to our Home Controller and call that folder Home. Right-click the Home folder, then choose Add ⁇ New Item.

Select Add New Item Select

Select the MVC View Page from the left pane, enter index. cshtml in the name section, and then press the Add button.

Let us add the following code to a file called index.cshtml.



Home </head> The <the body> <h1>Welcome! Welcome! With </h1> <p>On <div></p> <p>The message here is from the View…</p> <p>With </div></p> <p></the body></p> <p>With </html></p> <p>The *.cshtml file can now be accessed. It can contain HTML markups and it will send any markup we have in this file directly to the client. Save this file and get your browser refreshed.</p> <p>File CSHTML</p> <p>This view has now been made to the client by the Home controller via ViewResult and all the markup that is in that index. CSS HTML file, which is what was sent to the client.</p> <p>Let’s go back to the View method and the Home Controller. There are a few different overloads in this View process, and transfer the employee model as a parameter.</p> <p>FirstAppDemo.Models used;</p> <p>Microsoft.AspNet.MVC usage;</p> <p>Applying System;</p> <p>System.Collections.Generic is used;</p> <p>Usage of System. Linq;</p> <p>System.Threading.Tasks are used;</p> <p>FirstAppdemo.Controllers namespace {</p> <p>HomeController Public Class: Controller {</p> <p>ViewResult Public Index() { {</p> <p>Employee var = new Employee { ID = 1, Name = “Mark Upston”};</p> <p>View(employee) returns;;</p> <p>}</p> <p>}</p> <p>}</p> <p>The View method takes only the model object and uses the default view, which is the Index view. Here, as seen in the following program, we just want to transfer in the model data and use that model within Index. cshtml.</p> <html xmlns = "http://www.w3.org/1999/xhtml">>> <p>For <head></p> <title>Home </head> The <the body> <h1>Welcome! Welcome! With </h1> <p>On <div></p> <p>Name @<a href="http://Model.Name">http://Model.Name</a></p> <p>With </div></p> <p></the body></p> <p>With </html></p> <p>When we use the @ sign in a Razor view, whatever you type will be treated as a C# expression by the Razor view engine. The Razor view includes several built-in members inside the C# expressions that we can access. The model is one of the most popular participants. If you say @Model, you’ll get the model object that you’ve transferred from the controller to the view. So the @<a href="http://Model.Name">http://Model.Name</a> will display the name of the employee within the view here.</p> <p>Let us save all of the files now. Refresh your browser after this to see the following performance.</p> <p><strong>Conclusion</strong></p> <p>This is all about core <a href="http://ASP.NET">ASP.NET</a> core MVC in an overview. You can learn more about this topic in detail through ASP <a href="https://onlineitguru.com/dot-net-online-training-placement.html" title=".net online training Hyderabad"><strong>.net online training Hyderabad</strong></a></p>

#dot net training #dot net course #dotnet institute #dot net online course #.net online training #.net online training hyderabad

Gaurav Singh


.NET Certification Training | .NET Online Training

The .NET Certification training is primarily designed for student(s)/fresher(s) who want to make a career in .NET technologies. In this course, you will learn .NET concepts, OOPs concepts, C# language, SQL Server, HTML, CSS, Bootstrap and ASP.NET MVC and how to use visual studio 2019 for .NET development.

#dotnet online training #dot net training #net course #net training

ETL as if it’s one monolithic thing. Actually, ETL jobs vary considerably and involve numerous enabling technologies. In the context of Hadoop, two broad categories of ETL workloads are relevant: those that require substantial relational technologies and those that don’t.

To Get in Depth knowledge on informatica you can enroll for a live demo on informatica online training

This is image title

At one extreme, many ETL jobs join three or more tables, execute complex SQL routines of hundreds of lines, create temporary tables, or involve multi-pass SQL. These relational ETL jobs are often developed and executed with a mature ETL tool, and the tool may push relational processing into a relational database management system (DBMS). This is usually called “ETL push down” or “ELT.” In these cases, the T (i.e., data transformation) occurs in a relational database or similar data platform instead of on the ETL tool hub.

For heavily relational jobs, Hadoop is an unlikely candidate because ANSI standard SQL and other complex relational technologies are not fully supported on Hadoop today. Even so, Hadoop is improving rapidly, and third-party tools are emerging to provide a relational front-end for Hadoop, so it’s probable that Hadoop’s relational capabilities will soon be more compelling for heavily relational and SQL-based processing.

At the other extreme, some ETL jobs simply need basic relational capabilities (as seen in an HBase row store or a Hive table) or no relational capabilities at all (as is typical of the algorithmic approach of most hand-coded MapReduce jobs). For example, some early adaptors of Hadoop have migrated operational data stores to Hadoop, which manage customer masters, archives of transactions, or industry specific data (such as call detail records in telco or supply chain documents in retail and manufacturing).

ETL jobs that make simple aggregations, summations, and calculated values (but at massive scale against millions of records) are well-suited to the Hadoop environment, and these jobs can be developed for a fraction of the cost of a high-end ETL tool – if you have the appropriate in-house programming skills. Let’s not forget that Hadoop originated in Internet firms, where it did simple but massive summations of clicks, page views, and ecommerce transactions. For workloads resembling those, Hadoop continues to be a compelling and cost-effective platform
Take your career to new heights of success with informatica online training Hyderabad

#informatica online training #informatica training #online infromatica training #informatica course #informatica training online #informatica bdm online training