AngularJS With Asp.net Web API: $http post returning XMLHttpRequest cannot load: Response for preflight has invalid HTTP status code 405

Question

When trying to POST json to Asp.net web API server using $http it\'s returning the following error

XMLHttpRequest cannot load http://localhost:6         


        

Answer 1

@Rakeschand you were right and it was the issue of cors

Cors

I installed Cors in my project using nu-get command line

Install-Package Microsoft.AspNet.WebApi.Cors

and added the follwoing code in WebApiConfig.cs file from App_Start folder.

var enableCorsAttribute = new EnableCorsAttribute("*",
                                               "Origin, Content-Type, Accept",
                                               "GET, PUT, POST, DELETE, OPTIONS");
config.EnableCors(enableCorsAttribute);

and removed the following from the web config

$http started working just like the $.ajax was working

but these things left me with some confusion. I would be great full if anyone can elaborate

1. why the $.ajax was working and $http was not working
2. I did the same thing by cors the I had done in web.config then why did cors worked but web.config didn't?