Asp.net Mvc Web Api Http Get request via jQuery $.get

Question

I am wondering what the correct way would be to access an ASP.Net Web Api HTTP GET method in an MVC controller class from a Javascript file in my current context. The following snippet is within a function of the document.ready body.

Javascript:

        var Id1 = $('#EmployeePrimaryId').val();
        var Id2 = $('#EmployeeSecondaryId').val();

        var url = "api/employees/getemployeename?Id1=" + Id1 + "?Id2=" + Id2;


        $.get(url, function (data) {
            $('#EmployeeName').val(data);
        });

I'm currently receiving a 404 error at the $.get and believe it may have something to do with the routing. The 'Extended Example' from this article: http://www.asp.net/web-api/overview/web-api-routing-and-actions/routing-and-action-selection explains that querystring parameters get selected when appropriate routing is put in place, I wasn't quite sure if an optional Id was necessary in the route template since the examples show controller methods with overloads of just an Id so I included two routes, neither of which are working. Also, the controller class implements the ApiController class.

Web Api Controller method:

    [System.Web.Http.HttpGet]
    public string GetEmployeeName([FromUri]int Id1, int Id2)
    {
        var data = _context.Employees
            .Where(x => x.EmployeePrimaryId == Id1
                   && x.EmployeeSecondaryId == Id2)
                   .Select(x => x.EmployeeName);

        return data;
    }

RouteConfig class:

    private static void RegisterApiRoutes(RouteCollection routes)
    {

        routes.MapHttpRoute(
                name: "Employees",
                routeTemplate: "api/{controller}/{action}/",
                defaults: new { controller = "Employees",
                    action = "GetEmployeeName",}
            );

        routes.MapHttpRoute(
                name: "Employees",
                routeTemplate: "api/{controller}/{action}/{id}",
                defaults: new
                {
                    controller = "Employees",
                    action = "GetEmployeeName",
                    id = RouteParameter.Optional
                }
            );

I believe the error is related to the route configuration as I'm not receiving any build or web developer tool errors aside from the 404 notification. Any help would be greatly appreciated.

Maggie Ying · Accepted Answer · 2013-01-04 02:20:59Z

2

The multple query string parameters in the Uri should be separated by & -- you had a ? in front of Id2...

Try this in your javascript:

var url = "api/employees/getemployeename?Id1=" + Id1 + "&Id2=" + Id2;

answered Jan 4, 2013 at 2:20

Maggie Ying

10.2k2 gold badges37 silver badges37 bronze badges

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

1 Comment

cetmrw791346 Over a year ago

Maggie Ying, thank you for the correction I appreciate your quick response. That edit works perfectly, thanks again.

bendewey · Accepted Answer · 2013-01-04 01:55:27Z

1

Have you tried using Glimpse to debug you routes?

http://www.hanselman.com/blog/NuGetPackageOfTheWeek5DebuggingASPNETMVCApplicationsWithGlimpse.aspx

Also, Fiddler or curl are helpful tools for sending test requests.

answered Jan 4, 2013 at 1:55

bendewey

40.4k13 gold badges105 silver badges126 bronze badges

1 Comment

cetmrw791346 Over a year ago

bendewey, thank you for the info, just installed Glimpse it definitely seems to be a useful troubleshooting tool alongside elmah error logging. I've used fiddler before, it is definitely a very helpful debugging tool. Thanks again.

Collectives™ on Stack Overflow

Asp.net Mvc Web Api Http Get request via jQuery $.get

2 Answers 2

1 Comment

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related