Getting Data Using Web API With ASP.NET MVC

Introduction

This article explains about getting data or accessing data using web API with ASP.NET MVC. Before reading this article, kindly read the previous part of this article.

• Create Simple Web API With ASP.NET Web API
  

Definition

Web API (Application Programming Interface) is used for helping the software components with each other. ASP.NET Web API is a framework that makes it easy to build HTTP Services that reach a broad range of clients, including browsers and mobile devices. Using ASP.NET, web API can communicate with different devices from the same database.

Action Methods In Web API

In Web API, we use default action methods. Get, Post, Put, and Delete are four default action methods. When we add new Web API empty controller in our project, the above mentioned action methods are added by default along with some overloaded methods. Look at the below screenshots.

Steps for Getting Data Using WEP API

Step 1

For creating simple Web APIs, refer to the previous article's link.

Then, follow the below steps.

Now, create a new class in Models folder and add properties for our requirement. Here, we are going to create customer details.

Step 2

Create a list variable for Customer class and assign data into the list in “Demo” controller. Write the following code in the controller.

Step 3

Now build web API and run following URL format “localhost:portNumber/api/Api_controll_Name” we can see the XML output. For in our project run following URL http://localhost:53027/Api/Demo/ looks like below.

Step 4

Go to the home controller and add an action method for Add View. This controller is an MVC controller, not a Web API controller. Add a View page for displaying the data using created Web API, in AJAX table. Add the below code in the controller.

We are using Ajax table for showing data. Add the following code in the view page.