passing complex object to web api from angular js it always return 404

Question

My javascript method-

visitorApp.controller('LoginController', function ($scope,$http) {
    $scope.submit = function (isValid) {
        if (isValid) {
            var loginModel = {
                UserName: $scope.UserName,
                PassWord: $scope.Password
            };           

        $http.post(
            '/api/VisitorWeb/VerfiyLogin',
            JSON.stringify(loginModel),
            {
                headers: {
                    'Content-Type': 'application/json'
                }
            }
        ).success(function (data) {
            alert("Hi" +data);
            $scope.message = data;
        });


    }
}

});

My web api method -

[HttpPost]
        public UserLoginDomainModel VerifyLogin(UserLoginDomainModel loginModel)
        {
            //do some business logic
            return loginModel;
        }

My webapiconfig file

public static class WebApiConfig
    {
        public static void Register(HttpConfiguration config)
        {
            config.Formatters.JsonFormatter.SupportedMediaTypes.Add(new MediaTypeHeaderValue("text/html"));

            config.MapHttpAttributeRoutes();

            config.Routes.MapHttpRoute(
                name: "DefaultApi",
                routeTemplate: "api/{controller}/{action}"
            );
        }
    }

I am getting 404 response from server.

"NetworkError: 404 Not Found - http://localhost:43516/api/VisitorWeb/VerfiyLogin"

I was try to follow this link POSTing from Angular to .net WebAPI but some how it is not working for me.

a stupid question but your front end and backend are running on the same instance and port ?shouldn't it be like this $http.post(apiHost+ '/api/VisitorWeb/VerfiyLogin' .. — MayK
– MayK, Commented May 18, 2016 at 11:51
@YinGang- it is not cross origin. Everything is in the same web project — ankur
– ankur, Commented May 18, 2016 at 11:51
@MayK- is it compulsory to provide the localhost port in uri, without it will never work? — ankur
– ankur, Commented May 18, 2016 at 11:53

Admir Tuzović · Accepted Answer · 2016-05-18 11:55:12Z

2

I think you have a typo here:

 $http.post(
            '/api/VisitorWeb/VerfiyLogin',
            JSON.stringify(loginModel),
            {
                headers: {
                    'Content-Type': 'application/json'
                }
            }

Your service method is named VerifyLogin and not VerfiyLogin from what I can see.

answered May 18, 2016 at 11:55

Admir Tuzović

11.2k7 gold badges38 silver badges75 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

ankur Over a year ago

you got me , it was the typo which was the problem, now it is working.

Collectives™ on Stack Overflow

passing complex object to web api from angular js it always return 404

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related