Learn Using Web API 2 with ASP.NET Web Forms( Visual Studio 2013)Part 6

Rama Sagar
Posted by in ASP.NET Web API category on for Beginner level | Points: 250 | Views : 2515 red flag

In ASP.NET Web API, a controller is a class that handles HTTP requests. The public methods of the controller are called action methods or simply actions. When the Web API framework receives a request, it routes the request to an action.


This article shows the walk through of how to add routing information to a WEB API which routes HTTP requests to controllers


The Objective of this article is to explain how to add routing information

Before we start please have a look at Part 5 article as this was the continuation of it.

Now open Global.asax from the solution which we had created earlier

Add the below code

using System;
using System.Web;
using System.Web.Routing;
using System.Web.Http;

namespace WebAPIforms
    public class Global : HttpApplication
        void Application_Start(object sender, EventArgs e)
     name: "DefaultApi",
     routeTemplate: "api/{controller}/{id}",
     defaults: new { id = System.Web.Http.RouteParameter.Optional }


Now let's add an HTML page that uses jQuery to call the API.

<%@ Page Title="Home Page" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="WebAPIforms._Default" %>

<asp:Content ID="HeaderContent" runat="server" ContentPlaceHolderID="HeadContent">
    <script src="Scripts/jquery-1.8.2.js"></script>

    <script type="text/javascript">
        function getStudents() {
                function (data) {
                    $('#Students').empty(); // Clear the table body.

                    // Loop through the list of Students.
                    $.each(data, function (key, val) {
                        // Add a table row for the Student.
                        var row = '<td>' + val.Name + '</td> <td>' + val.Marks + '</td>';
                        $('<tr/>', { text: row })  // Append the name.


<asp:Content ID="BodyContent" runat="server" ContentPlaceHolderID="MainContent">
        <tr><th>Name</th><th> Marks</th></tr>
    <tbody id="Students">
The script makes an AJAX request to "api/Students". The request returns a list of Students in JSON format. The script adds the Student information to the HTML table.

Debug the Application and check the output


In this article we have learned how to use WEB API in ASP.NET forms



Page copy protected against web site content infringement by Copyscape

About the Author

Rama Sagar
Full Name: RamaSagar Pulidindi
Member Level: Silver
Member Status: Member,MVP
Member Since: 12/30/2012 1:51:40 AM
Country: India
A Software Profesional working in Microsoft .NET technologies since year 2008, and I work for Dake ACE. I am passionate about .NET technology and love to contribute to the .NET community at Dot Net Funda

Login to vote for this post.

Comments or Responses

Login to post response

Comment using Facebook(Author doesn't get notification)