{"id":128,"date":"2016-10-30T12:41:38","date_gmt":"2016-10-30T12:41:38","guid":{"rendered":"http:\/\/www.softwaretraininginchennai.com\/blog\/?p=128"},"modified":"2026-01-05T07:23:43","modified_gmt":"2026-01-05T07:23:43","slug":"consume-web-api-http-service-in-mvc-solution","status":"publish","type":"post","link":"https:\/\/www.softwaretraininginchennai.com\/blog\/consume-web-api-http-service-in-mvc-solution\/","title":{"rendered":"Consume Web api Http service in MVC solution"},"content":{"rendered":"
\n

Document by Vairavan – ganesanva@hotmail.com – + 919042710472
\n<\/span><\/h2>\n

Create a MVC solution using Code First Approach MVC Entity framework.
\nAdd a Web Api Controller Class as below,
\n\"\"
\nLook on the WebApiConfig.cs how the Routes are made.
\n\"\"
\nThe API URL can be routed as both API\/Controller\/Id and Api\/Controller\/Action\/Id by registering the Routes in Web api config.
\nAdd the Below code in Api Controller(Used for CRUD),<\/p>\n

\n\n\n<\/colgroup>\n\n\n
private UsersContext db = new UsersContext();
\n\/\/ GET api\/values
\npublic IEnumerable<StudentDetails> GetallStudents()
\n{
\nreturn db.StudentDbset.ToList();
\n}
\n\/\/ GET api\/values\/5
\npublic StudentDetails GetStudents(int id)
\n{
\nStudentDetails studentdetails = db.StudentDbset.Find(id);
\nreturn studentdetails;
\n}
\n[HttpPost]
\n[ActionName(“Delete”)]
\n\/\/ Post api\/values\/Delete\/5
\npublic string DeleteStudents(int id)
\n{
\nStudentDetails studentdetails = db.StudentDbset.Find(id);
\ndb.StudentDbset.Remove(studentdetails);
\ndb.SaveChanges();
\nreturn “Deleted”;
\n}
\n\/\/ POST api\/values
\n[HttpPost]
\n[ActionName(“Post”)]
\npublic void Post([FromBody]string value)
\n{
\n}
\n\/\/ PUT api\/values\/5
\npublic void Put(int id, [FromBody]string value)
\n{
\n}
\n\/\/ DELETE api\/values\/5
\npublic void Delete(int id)
\n{
\n}<\/b><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n

\"\"
\nScreen clipping taken: 02-09-2016 18:44<\/em><\/span>
\nThe Above Api methods can be accessed using below URL,
\nhttp:\/\/localhost:16842\/api\/Values
\nhttp:\/\/localhost:16842\/api\/Values\/5
\nhttp:\/\/localhost:16842\/api\/Values\/Delete\/5
\nThe data can be returned as JSON,Xml or any other format depends on the attribute.
\n\"\"
\nCreate a new HTML page in the Solution as index.html
\n\"\"
\nPut below code in Index.html,<\/p>\n

\n\n\n<\/colgroup>\n\n\n
<!DOCTYPE html>
\n<html xmlns=”http:\/\/www.w3.org\/1999\/xhtml”>
\n<head>
\n<title>Product App<\/title>
\n<\/head>
\n<body>
\n<div>
\n<h2>All Products<\/h2>
\n<ul id=”products” \/>
\n<\/div>
\n<div>
\n<h2>Search by ID<\/h2>
\n<input type=”text” id=”prodId” size=”5″ \/>
\n<input type=”button” value=”Search” onclick=”find();” \/>
\n<p id=”product” \/>
\n<\/div>
\n<script src=”http:\/\/ajax.aspnetcdn.com\/ajax\/jQuery\/jquery-2.0.3.min.js”><\/script>
\n<script>
\nvar uri = ‘\/api\/values’;
\n$(document).ready(function () {
\n\/\/ Send an AJAX request
\n$.getJSON(uri)
\n.done(function (data) {
\n\/\/ On success, ‘data’ contains a list of products.
\n$.each(data, function (key, item) {
\n\/\/ Add a list item for the product.
\n$(‘<li>’, { text: formatItem(item) }).appendTo($(‘#products’));
\n});
\n});
\n});
\nfunction formatItem(item) {
\nreturn item.studentName + ‘: $’ + item.Age;
\n}
\nfunction find() {
\nvar id = $(‘#prodId’).val();
\n$.getJSON(uri + ‘\/’ + id)
\n.done(function (data) {
\n$(‘#product’).text(formatItem(data));
\n})
\n.fail(function (jqXHR, textStatus, err) {
\n$(‘#product’).text(‘Error: ‘ + err);
\n});
\n}
\n<\/script>
\n<\/body>
\n<\/html><\/b><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n

Now the MVC Application Works with Controller web api repository and a HTML page.
\nThe output will be,
\n\"\"
\nClick below to download the solution,
\nhttps:\/\/1drv.ms\/u\/s!ArddhCoxftkQg6hMmGfATxDIT2rtJw<\/a>
\nReference<\/strong>
\nhttp:\/\/www.asp.net\/web-api\/overview\/getting-started-with-aspnet-web-api\/tutorial-your-first-web-api<\/a>
\nhttp:\/\/www.asp.net\/web-api\/overview\/web-api-routing-and-actions\/routing-in-aspnet-web-api<\/a><\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"

Document by Vairavan – ganesanva@hotmail.com – + 919042710472 Create a MVC solution using Code First Approach MVC Entity framework. Add a Web Api Controller Class as below, Look on the WebApiConfig.cs how the Routes are made. The API URL can be routed as both API\/Controller\/Id and Api\/Controller\/Action\/Id by registering the Routes in Web api config. […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[6,1],"tags":[14,22,33,50,52,53,54,64,79,101,159],"class_list":["post-128","post","type-post","status-publish","format-standard","hentry","category-mvc-training-tutorials","category-uncategorized","tag-net-training-in-chennai","tag-asp-net-web-api-tutorial","tag-consume-web-api-in-mvc","tag-dot-net-training-in-ekkaduthangal","tag-dot-net-training-institute-in-chennai","tag-dot-net-web-api-in-mvc","tag-dot-net-web-service-training-in-chennai","tag-download-web-api-solution","tag-how-to-consume-web-api-in-mvc-solution","tag-mvc-with-web-api","tag-web-api-example"],"yoast_head":"\nConsume Web api Http service in MVC solution | Maria Academy<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.softwaretraininginchennai.com\/blog\/consume-web-api-http-service-in-mvc-solution\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Consume Web api Http service in MVC solution | Maria Academy\" \/>\n<meta property=\"og:description\" content=\"Document by Vairavan – ganesanva@hotmail.com – + 919042710472 Create a MVC solution using Code First Approach MVC Entity framework. Add a Web Api Controller Class as below, Look on the WebApiConfig.cs how the Routes are made. The API URL can be routed as both API\/Controller\/Id and Api\/Controller\/Action\/Id by registering the Routes in Web api config. […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.softwaretraininginchennai.com\/blog\/consume-web-api-http-service-in-mvc-solution\/\" \/>\n<meta property=\"og:site_name\" content=\"Maria Academy\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/DotnetTrainingChennai\" \/>\n<meta property=\"article:published_time\" content=\"2016-10-30T12:41:38+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-01-05T07:23:43+00:00\" \/>\n<meta property=\"og:image\" content=\"http:\/\/www.softwaretraininginchennai.com\/blog\/wp-content\/uploads\/2016\/10\/103016_1241_ConsumeWeba1.png\" \/>\n<meta name=\"author\" content=\"admin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@dotnettraining2\" \/>\n<meta name=\"twitter:site\" content=\"@dotnettraining2\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"admin\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.softwaretraininginchennai.com\/blog\/consume-web-api-http-service-in-mvc-solution\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.softwaretraininginchennai.com\/blog\/consume-web-api-http-service-in-mvc-solution\/\"},\"author\":{\"name\":\"admin\",\"@id\":\"https:\/\/www.softwaretraininginchennai.com\/blog\/#\/schema\/person\/e7dbda3490333ae356b6ad09076c8a6e\"},\"headline\":\"Consume Web api Http service in MVC solution\",\"datePublished\":\"2016-10-30T12:41:38+00:00\",\"dateModified\":\"2026-01-05T07:23:43+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.softwaretraininginchennai.com\/blog\/consume-web-api-http-service-in-mvc-solution\/\"},\"wordCount\":471,\"image\":{\"@id\":\"https:\/\/www.softwaretraininginchennai.com\/blog\/consume-web-api-http-service-in-mvc-solution\/#primaryimage\"},\"thumbnailUrl\":\"http:\/\/www.softwaretraininginchennai.com\/blog\/wp-content\/uploads\/2016\/10\/103016_1241_ConsumeWeba1.png\",\"keywords\":[\".net training in Chennai\",\"Asp.net web api tutorial\",\"Consume web api in MVC\",\"Dot net training in Ekkaduthangal\",\"dot net training institute in Chennai\",\"Dot net web api in MVC\",\"Dot net web service training in chennai\",\"Download web api solution\",\"how to consume web api in MVC solution\",\"MVC with web api\",\"web api example\"],\"articleSection\":[\"MVC Training Tutorials\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.softwaretraininginchennai.com\/blog\/consume-web-api-http-service-in-mvc-solution\/\",\"url\":\"https:\/\/www.softwaretraininginchennai.com\/blog\/consume-web-api-http-service-in-mvc-solution\/\",\"name\":\"Consume Web api Http service in MVC solution | Maria Academy\",\"isPartOf\":{\"@id\":\"https:\/\/www.softwaretraininginchennai.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.softwaretraininginchennai.com\/blog\/consume-web-api-http-service-in-mvc-solution\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.softwaretraininginchennai.com\/blog\/consume-web-api-http-service-in-mvc-solution\/#primaryimage\"},\"thumbnailUrl\":\"http:\/\/www.softwaretraininginchennai.com\/blog\/wp-content\/uploads\/2016\/10\/103016_1241_ConsumeWeba1.png\",\"datePublished\":\"2016-10-30T12:41:38+00:00\",\"dateModified\":\"2026-01-05T07:23:43+00:00\",\"author\":{\"@id\":\"https:\/\/www.softwaretraininginchennai.com\/blog\/#\/schema\/person\/e7dbda3490333ae356b6ad09076c8a6e\"},\"breadcrumb\":{\"@id\":\"https:\/\/www.softwaretraininginchennai.com\/blog\/consume-web-api-http-service-in-mvc-solution\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.softwaretraininginchennai.com\/blog\/consume-web-api-http-service-in-mvc-solution\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.softwaretraininginchennai.com\/blog\/consume-web-api-http-service-in-mvc-solution\/#primaryimage\",\"url\":\"http:\/\/www.softwaretraininginchennai.com\/blog\/wp-content\/uploads\/2016\/10\/103016_1241_ConsumeWeba1.png\",\"contentUrl\":\"http:\/\/www.softwaretraininginchennai.com\/blog\/wp-content\/uploads\/2016\/10\/103016_1241_ConsumeWeba1.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.softwaretraininginchennai.com\/blog\/consume-web-api-http-service-in-mvc-solution\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.softwaretraininginchennai.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Consume Web api Http service in MVC solution\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.softwaretraininginchennai.com\/blog\/#website\",\"url\":\"https:\/\/www.softwaretraininginchennai.com\/blog\/\",\"name\":\"Maria Academy\",\"description\":\"Dot Net Training in Chennai, Best Dot Net Training Institute in Chennai, .Net Training in Chennai\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.softwaretraininginchennai.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.softwaretraininginchennai.com\/blog\/#\/schema\/person\/e7dbda3490333ae356b6ad09076c8a6e\",\"name\":\"admin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/secure.gravatar.com\/avatar\/f68fba18793457e0192658e2fe53431c0fb4a1d551aef61c57c1847324110d80?s=96&d=mm&r=g\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/f68fba18793457e0192658e2fe53431c0fb4a1d551aef61c57c1847324110d80?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/f68fba18793457e0192658e2fe53431c0fb4a1d551aef61c57c1847324110d80?s=96&d=mm&r=g\",\"caption\":\"admin\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Consume Web api Http service in MVC solution | Maria Academy","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.softwaretraininginchennai.com\/blog\/consume-web-api-http-service-in-mvc-solution\/","og_locale":"en_US","og_type":"article","og_title":"Consume Web api Http service in MVC solution | Maria Academy","og_description":"Document by Vairavan – ganesanva@hotmail.com – + 919042710472 Create a MVC solution using Code First Approach MVC Entity framework. Add a Web Api Controller Class as below, Look on the WebApiConfig.cs how the Routes are made. The API URL can be routed as both API\/Controller\/Id and Api\/Controller\/Action\/Id by registering the Routes in Web api config. […]","og_url":"https:\/\/www.softwaretraininginchennai.com\/blog\/consume-web-api-http-service-in-mvc-solution\/","og_site_name":"Maria Academy","article_publisher":"https:\/\/www.facebook.com\/DotnetTrainingChennai","article_published_time":"2016-10-30T12:41:38+00:00","article_modified_time":"2026-01-05T07:23:43+00:00","og_image":[{"url":"http:\/\/www.softwaretraininginchennai.com\/blog\/wp-content\/uploads\/2016\/10\/103016_1241_ConsumeWeba1.png","type":"","width":"","height":""}],"author":"admin","twitter_card":"summary_large_image","twitter_creator":"@dotnettraining2","twitter_site":"@dotnettraining2","twitter_misc":{"Written by":"admin","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.softwaretraininginchennai.com\/blog\/consume-web-api-http-service-in-mvc-solution\/#article","isPartOf":{"@id":"https:\/\/www.softwaretraininginchennai.com\/blog\/consume-web-api-http-service-in-mvc-solution\/"},"author":{"name":"admin","@id":"https:\/\/www.softwaretraininginchennai.com\/blog\/#\/schema\/person\/e7dbda3490333ae356b6ad09076c8a6e"},"headline":"Consume Web api Http service in MVC solution","datePublished":"2016-10-30T12:41:38+00:00","dateModified":"2026-01-05T07:23:43+00:00","mainEntityOfPage":{"@id":"https:\/\/www.softwaretraininginchennai.com\/blog\/consume-web-api-http-service-in-mvc-solution\/"},"wordCount":471,"image":{"@id":"https:\/\/www.softwaretraininginchennai.com\/blog\/consume-web-api-http-service-in-mvc-solution\/#primaryimage"},"thumbnailUrl":"http:\/\/www.softwaretraininginchennai.com\/blog\/wp-content\/uploads\/2016\/10\/103016_1241_ConsumeWeba1.png","keywords":[".net training in Chennai","Asp.net web api tutorial","Consume web api in MVC","Dot net training in Ekkaduthangal","dot net training institute in Chennai","Dot net web api in MVC","Dot net web service training in chennai","Download web api solution","how to consume web api in MVC solution","MVC with web api","web api example"],"articleSection":["MVC Training Tutorials"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.softwaretraininginchennai.com\/blog\/consume-web-api-http-service-in-mvc-solution\/","url":"https:\/\/www.softwaretraininginchennai.com\/blog\/consume-web-api-http-service-in-mvc-solution\/","name":"Consume Web api Http service in MVC solution | Maria Academy","isPartOf":{"@id":"https:\/\/www.softwaretraininginchennai.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.softwaretraininginchennai.com\/blog\/consume-web-api-http-service-in-mvc-solution\/#primaryimage"},"image":{"@id":"https:\/\/www.softwaretraininginchennai.com\/blog\/consume-web-api-http-service-in-mvc-solution\/#primaryimage"},"thumbnailUrl":"http:\/\/www.softwaretraininginchennai.com\/blog\/wp-content\/uploads\/2016\/10\/103016_1241_ConsumeWeba1.png","datePublished":"2016-10-30T12:41:38+00:00","dateModified":"2026-01-05T07:23:43+00:00","author":{"@id":"https:\/\/www.softwaretraininginchennai.com\/blog\/#\/schema\/person\/e7dbda3490333ae356b6ad09076c8a6e"},"breadcrumb":{"@id":"https:\/\/www.softwaretraininginchennai.com\/blog\/consume-web-api-http-service-in-mvc-solution\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.softwaretraininginchennai.com\/blog\/consume-web-api-http-service-in-mvc-solution\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.softwaretraininginchennai.com\/blog\/consume-web-api-http-service-in-mvc-solution\/#primaryimage","url":"http:\/\/www.softwaretraininginchennai.com\/blog\/wp-content\/uploads\/2016\/10\/103016_1241_ConsumeWeba1.png","contentUrl":"http:\/\/www.softwaretraininginchennai.com\/blog\/wp-content\/uploads\/2016\/10\/103016_1241_ConsumeWeba1.png"},{"@type":"BreadcrumbList","@id":"https:\/\/www.softwaretraininginchennai.com\/blog\/consume-web-api-http-service-in-mvc-solution\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.softwaretraininginchennai.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Consume Web api Http service in MVC solution"}]},{"@type":"WebSite","@id":"https:\/\/www.softwaretraininginchennai.com\/blog\/#website","url":"https:\/\/www.softwaretraininginchennai.com\/blog\/","name":"Maria Academy","description":"Dot Net Training in Chennai, Best Dot Net Training Institute in Chennai, .Net Training in Chennai","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.softwaretraininginchennai.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.softwaretraininginchennai.com\/blog\/#\/schema\/person\/e7dbda3490333ae356b6ad09076c8a6e","name":"admin","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/f68fba18793457e0192658e2fe53431c0fb4a1d551aef61c57c1847324110d80?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/f68fba18793457e0192658e2fe53431c0fb4a1d551aef61c57c1847324110d80?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/f68fba18793457e0192658e2fe53431c0fb4a1d551aef61c57c1847324110d80?s=96&d=mm&r=g","caption":"admin"}}]}},"_links":{"self":[{"href":"https:\/\/www.softwaretraininginchennai.com\/blog\/wp-json\/wp\/v2\/posts\/128","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.softwaretraininginchennai.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.softwaretraininginchennai.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.softwaretraininginchennai.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.softwaretraininginchennai.com\/blog\/wp-json\/wp\/v2\/comments?post=128"}],"version-history":[{"count":2,"href":"https:\/\/www.softwaretraininginchennai.com\/blog\/wp-json\/wp\/v2\/posts\/128\/revisions"}],"predecessor-version":[{"id":1725,"href":"https:\/\/www.softwaretraininginchennai.com\/blog\/wp-json\/wp\/v2\/posts\/128\/revisions\/1725"}],"wp:attachment":[{"href":"https:\/\/www.softwaretraininginchennai.com\/blog\/wp-json\/wp\/v2\/media?parent=128"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.softwaretraininginchennai.com\/blog\/wp-json\/wp\/v2\/categories?post=128"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.softwaretraininginchennai.com\/blog\/wp-json\/wp\/v2\/tags?post=128"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}