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