Consuming Web API In ASP.NET MVC - Part Two

In this article, you will learn how to consume/use a Web API in ASP.NET MVC step by step.

This article is the second part of my ASP.NET MVC Web API series. In Part One, we discussed how to create a Web API and perform CRUD operations. You can find that article at the below link.

• CRUD With ASP.NET Web API - Part One

Consuming Web API

In this article, we have used the localhost for Web API and called the GET request.

• Create ASP.NET MVC Project
• Add MemberViewModel
• Add Microsoft.AspNet.webApi.Client from the NuGet library
• Code for consuming the Web API
• Run the project and call action method on URL

Step by step implementation:

Step 1

Create a new ASP.NET MVC Web Application project called “ConsumeWebApiMVC”.

The default project files in the Solution Explorer look like the following.

Now, create a ViewModel called MemberViewModel inside the Models folder.

Right-click on Models folder. Go to Add --> New Item or press CTRL + SHIFT + A.

MemberViewModel.cs Code

You can see HomeControllers inside the Controllers folder. Double-click on HomeControllers and add the following line for getting ViewModel listing in the controller.

Now, add Microsoft.AspNet.webApi.Client from the NuGet library.

Right-click on References folder and select it.

Click OK as in the above dialog box to install Microsoft.AspNetWebApi.Client.

Click on "I Accept" to confirm the installation again.

You can see in the output window that the NuGet package is successfully installed.