Unable to call web api POST action - ajax

Question

Below is my web api stuff related post/save the record:
var c = $.ajax({
url: 'api/values/CreateAjaxNew',
type: 'POST',
dataType: 'json',
contentType: 'application/json; charset=utf-8',
data: form.serializeArray(),
success: function (data) {
alert(data);
$("#msg").html("Saved Successfully.");
$("#msg").css("color", "green");
//window.location = "index";
//alert("in success");
},
error: function (e1, e2, e3) { alert(e3); }
});
Problem: it just gieves me error as Not Found.
Values controller api:
[HttpPost]
public HttpResponseMessage CreateAjaxNew(ProductViewModel vm)
{
try
{
// TODO: Add insert logic here
//manager.ProductManager m = new manager.ProductManager();
using (aRef.ServiceIntf2Client r = new aRef.ServiceIntf2Client())
{
r.InsertProduct(new common.DTO.ProductDTO() { Id = vm.Id, ProductName = vm.ProductName, Description = vm.Description, Cost = vm.Cost, ProductTypeId = vm.ProductTypeId });
}
//m.InsertProduct(new common.DTO.ProductDTO() { Id = vm.Id, ProductName = vm.ProductName, Description = vm.Description, Cost = vm.Cost, ProductTypeId = vm.ProductTypeId });
return Request.CreateResponse(HttpStatusCode.OK,true);
}
catch
{
return Request.CreateResponse(HttpStatusCode.InternalServerError, false);
}
}
Please guide me how i can resolve this issue so, request reach to the api action.
routes as follow:
config.Routes.MapHttpRoute(
name: "DefaultApi",
routeTemplate: "api/{controller}/{id}",
defaults: new { id = RouteParameter.Optional }
);
config.Routes.MapHttpRoute("DefaultApiGet",
"api/{controller}",
new { action = "AllProductTypes" },
new { httpMethod = new HttpMethodConstraint(HttpMethod.Get) });
config.Routes.MapHttpRoute("DefaultApiGet1",
"api/{controller}",
new { action = "GetAllProducts" },
new { httpMethod = new HttpMethodConstraint(HttpMethod.Get) });
config.Routes.MapHttpRoute("DefaultApiGetWithId",
"api/{controller}/{id}",
new { id = RouteParameter.Optional, action = "Get" },
new { id = #"\d+" });
config.Routes.MapHttpRoute("DefaultApiWithAction",
"api/{controller}/{action}");
config.Routes.MapHttpRoute("DefaultApiWithActionAndId",
"api/{controller}/{action}/{id}",
new { id = RouteParameter.Optional },
new { id = #"\d+(_\d+)?" });

Answer 1

The route ordering seems to be wrong. You need to move the default route to the last and the more generic route first .
http://richarddingwall.name/2008/08/09/three-common-aspnet-mvc-url-routing-issues/
As of now the api/{controller}/{id} the default route get executed and the controller is not found.
config.Routes.MapHttpRoute("DefaultApiGet",
"api/{controller}",
new { action = "AllProductTypes" },
new { httpMethod = new HttpMethodConstraint(HttpMethod.Get) });
config.Routes.MapHttpRoute("DefaultApiGet1",
"api/{controller}",
new { action = "GetAllProducts" },
new { httpMethod = new HttpMethodConstraint(HttpMethod.Get) });
config.Routes.MapHttpRoute("DefaultApiGetWithId",
"api/{controller}/{id}",
new { id = RouteParameter.Optional, action = "Get" },
new { id = #"\d+" });
config.Routes.MapHttpRoute("DefaultApiWithAction",
"api/{controller}/{action}");
config.Routes.MapHttpRoute("DefaultApiWithActionAndId",
"api/{controller}/{action}/{id}",
new { id = RouteParameter.Optional },
new { id = #"\d+(_\d+)?" });
config.Routes.MapHttpRoute(
name: "DefaultApi",
routeTemplate: "api/{controller}/{id}",
defaults: new { id = RouteParameter.Optional }
);
This ordering should be able to solve the issue. Hope this helps