Loading

how to call web api in jquery

how to call web api in jquery

Asad khan

9y822.NET

how to call web api in jquery

3 Replies

Know the answer? Post it — somebody with the same question will find it here.

Bikesh Srivastava9y ago
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" />

0

Ravi Patel

Ravi Patel9y ago

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

0

Midhun Tp

Midhun Tp9y ago

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

+1