C# webapi mvc controller added before the /api/{controller}

Question

I've made an API controller and made the suggested changes in other articles. (ref. 404 error after adding Web API to an existing MVC Web Application)

I feel like I'm fairly close to the solution, however my page is still not getting to the correct controller. When I use the F12 tools i can see it's added my MVC controller before my "/api/{controller}". Clearly something is still wrong in my routing but I'm not sure how to fix it?

TimeRegistrations is my MVC controller, api/WorkOrderAPI is the controller I actually need to get to. The route should be /api/WorkOrderAPI. The url is going for this though: Requested URL: /TimeRegistrations/api/WorkOrderAPI

To get the page I want I'm coming from:

localhost:1234/TimeRegistrations/Index

The table needed is loaded onto the page:

localhost:1234/TimeRegistrations/WorkOrderIndex

The table should be requested at

localhost:1234/api/WorkOrderAPI

In my application start I've got:

 protected void Application_Start()
    {
        AreaRegistration.RegisterAllAreas();
        GlobalConfiguration.Configure(WebApiConfig.Register);
        FilterConfig.RegisterGlobalFilters(GlobalFilters.Filters);
        RouteConfig.RegisterRoutes(RouteTable.Routes);
        BundleConfig.RegisterBundles(BundleTable.Bundles);
    }

in webApiConfig I've got:

public static void Register(HttpConfiguration config)
    {
        config.MapHttpAttributeRoutes();

        config.Routes.MapHttpRoute(
            name: "ActionApi",
            routeTemplate: "api/{controller}/{id}",
            defaults: new { id = RouteParameter.Optional }
        );
    }

In routeconfig I've got:

public static void RegisterRoutes(RouteCollection routes)
    {
        routes.IgnoreRoute("{resource}.axd/{*pathInfo}");

        routes.MapRoute(
            name: "Default",
            url: "{controller}/{action}/{id}",
            defaults: new { controller = "EmployeeInfo", action = "Index", id = UrlParameter.Optional }
        );
    }

My view code is:

function loadWorkOrders() {
    $.ajax({
        type: "GET",
        url: "api/WorkOrderAPI",
        success: function (data) {
            alert("Success");
            self.WorkOrders(data);
        },
        error: function (err) {
            alert(err.status + " from WorkOrderAPI");
        }
    });

Thanks in advance!

*TimeRegistrations is my MVC controller, api/WorkOrderAPI is the controller I actually need to get to.* - This doesn't make much sense. Do you have a controller named `WorkOrderAPIController` that inherits from `ApiController`? Or are you trying to reach an MVC controller (even though you can't with Web API)? — NightOwl888, Mar 11 '18 at 18:40

score 1 · Accepted Answer · answered Mar 11 '18 at 18:37

1

You are using a relative route in your AJAX call. Try this instead

url: "/api/WorkOrderAPI",

answered Mar 11 '18 at 18:37

Shane Ray

1,449
1
13
18

I knew I was close, you're right I overlooked that! Thanks! – James D Mar 11 '18 at 18:43

C# webapi mvc controller added before the /api/{controller}

1 Answers1