Call WebApi in SharePoint 2013 using Javascript

Let us see a small piece of code, how to call that API from your SharePoint 2013 site using JavaScript.

I assume that, we have created the API successfully and the API is hosted properly. Now, on our Javascript, a simple call like below will do the rest of the things.

try {
    $.getJSON("http://localhost:47270/api/test/MyAction/Test?callback=?",

    function(Data) {
        alert(Data);
    })
        .fail(

    function(jqXHR, textStatus, err) {
        alert('Fail ' + err);
    });
} catch (err) {

}

The attribute “?callback?” is added at the last, to make the JSONP return. If we expect only the JSON object, then there is no need of the “?callback?” attribute.