how to call web api in jquery

Question

Midhun T P · Answer

Hi, Please follow below articles - http://www.c-sharpcorner.com/UploadFile/2b481f/calling-the-Asp-Net-web-api-with-jquery-and-javascript/ http://www.dotnetfunda.com/articles/show/2691/get-method-to-call-web-api-using-jquery-ajax

Bikesh Srivastava · Answer

Use code something like this.. "en" > ASP.NET Web API "../../Content/Site.css" rel= "stylesheet" /> "../../Scripts/jquery-1.7.1.min.js" type= "text/javascript" > "text/javascript" > $(document).ready(function () { $.getJSON( "api/items/" , function (Data) { $.each(Data, function (key, val) { var str = val.name + ': $' + val.cost; $( ' ' , { text: str }) .appendTo($( '#items' )); }); }); }); function show() { var Id = $( '#itId' ).val(); $.getJSON( "api/items/" + Id, function (Data) { var str = Data.name + ': $' + Data.cost; $( '#items' ).text(str); }) .fail( function (jqXHR, textStatus, err) { $( '#items' ).text( 'Error: ' + err); }); } "body" > class = "main-content" > Showing All Items "items" /> for = "itId" >ID: "text" id= "itId" size= "5" /> "button" value= "Search" onclick= "show();" /> "item" />

Ravi Patel · Answer

Hi , refer this https://www.codeproject.com/Tips/678138/MVC-using-Web-API-and-JQuery-to-GET-or-POST-Data http://www.codemag.com/article/1601031

how to call web api in jquery

Answers (3)