Get 404 error Server Error in '/' Application using web api with angularjs mvc?

Question

i am create small demo for getting user list.i am using for this web api with angularjs mvc c#. i am view this list for used jquery datatable with angularjs.

i am trying for view list of user then getting error like this in console "Server Error in '/' Application".

here my angulr.js code:

app.controller('Usercontroller', ['$scope', '$http', 'DTOptionsBuilder', 'DTColumnBuilder',
function ($scope, $http, DTOptionsBuilder, DTColumnBuilder) {
    $scope.dtColumns = [
        //DTColumnBuilder.newColumn("id", "User ID"),
        DTColumnBuilder.newColumn("firstname", "First Name"),
        DTColumnBuilder.newColumn("lastname", "Last Name"),           
    ]
    $scope.dtOptions = DTOptionsBuilder.newOptions().withOption('ajax', {
        url: "/User/GetUsers",
        type: "GET"
    })
    .withPaginationType('full_numbers')
    .withDisplayLength(10);
}])

here my controller code:

 [HttpGet]
    public IHttpActionResult GetUsers()
    {
        return Json(db.Users.ToList());
    }

i don't know where is my mistake any one know then please let me know.

Answer 1

First access get method of web API by hitting the web api url in browser

try to give full URL of the Web API from where you are trying to get users list.

var ajaxURL = window.location.href.substring(0, window.location.href.lastIndexOf("/") + 1) + 'API/User/GetUsers;