Part1 - How to retrieve data from the database in the ASP.NET Web API using Jquery

Part1 - Fetch data from WebApi using jquery
Part1 - How to retrieve data from the database in the ASP.NET Web API using Jquery
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width" />
    <title>@ViewBag.Title</title>

    @Styles.Render("~/Content/css")
   <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
    @Scripts.Render("~/bundles/modernizr")
    <style>
        html, body,.menuContainer,.mainContainer,.menu  {
            height:100%;
        }
        .menu a {
          margin: 0px;
          padding: 10px 20px;
          display: block;
          line-height: 18px;
          
        }
        .menu {
          background-color: #f3f3f3;
          padding: 5px;
        }
    </style>
</head>
<body>
    <div class="row mainContainer">
        <div class="col-sm-4 col-md-3 menuContainer">
            <div class="menu">
                <a href="/">Fetch Data using Jquery</a> 
                <a href="/Home/GetDataList">Fetch Data using HttpClient</a> 
                <a href="/home/create">Post to WEB Api using Jquery</a> 
                <a href="/home/createfromserverside">Post to WEB Api using HttpClient</a>
                <a href="/home/upload">Upload file to WEB Api using Jquery</a>
                <a href="/home/UploadWithHttpClient">Upload file to WEB Api using HttpClient</a>
                <a href="/home/DataWithPaging">Fetch Data with paging using jquery</a>
            </div>

        </div>
        <div class="col-sm-8 col-md-9">
            @RenderBody()
        </div>
    </div>

    @Scripts.Render("~/bundles/jquery")
    @RenderSection("scripts", required: false)
</body>
</html>

Posted By :