19

Am having the AJAX calls to my controller in my MVC Application

Controller/FunctionName



$.ajax({
        type: "GET",
        contentType: "application/json; charset=utf-8",
        url: '/Controller/FunctionName',
        .
        .
        .
        )};

Am using MVC 4 and making use of JQUERY Ajax function as shown in the above code. It works totally fine when i run from Visual studio.

I depolyed this to the server machine and as expected it works fine. No issues found in AJAX calls.

Now am trying to deploy this in my local machine IIS which is same as my server version (IIS 7.5) but am getting 404 for all the ajax calls in firebug.

I verified the build and even i pointed to my web folder and am still looking for what went wrong !!

It works in other IIS so It wont be a URL resolving issue is my gues. Am i missing any settings or Any timely idea to fix this would be great.

Thanks

user2067567
  • 3,695
  • 15
  • 49
  • 77

4 Answers4

38

That's normal. You have hardcoded the url to your controller action:

url: '/Controller/FunctionName',

If you deploy your application in a virtual directory in IIS the correct url should be:

url: '/YourAppName/Controller/FunctionName',

That's the reason why you should absolutely never hardcode urls in an ASP.NET MVC application but ALWAYS use url helpers to generate it:

url: '@Url.Action("FunctionName", "Controller")',

and if this AJAX call is in a separate javascript file where you cannot use server side helpers, then you could read this url from some DOM element that you are AJAXifying.

For example let's suppose that you had an anchor:

@Html.ActionLink("click me", "FunctionName", "Controller", null, new { id = "myLink" })

that you AJAXify:

$('#myLink').click(function() {
    $.ajax({
        url: this.href,
        contentType: 'application/json; charset=utf-8',
        type: 'GET',
        .
        .
        .
    )};    
    return false;
});

Notice how we are reading the url from the DOM element which was generated by a helper.

Conclusion and 2 rules of thumb:

  • NEVER EVER hardcode an url in an ASP.NET MVC application
  • ABSOLUTELY ALWAYS use url helpers when dealing with urls in an ASP.NET MVC application
Darin Dimitrov
  • 1,023,142
  • 271
  • 3,287
  • 2,928
  • 1
    Totally Agree with you @Darin . How does it work in one IIS but not in other ? – user2067567 Jun 27 '13 at 09:11
  • @Darin Same Question. If it works in other IIS why not in the other ? – Peru Jun 27 '13 at 09:17
  • 1
    That would depend on how the application is configured - whether it is directly deployed in a website or as virtual directory. – Darin Dimitrov Jun 27 '13 at 10:56
  • @Darin One Last question am writing this in a Javascript. i got your Actionlink Example. Bt can you update the same scenario on Button click. How do i get those links ? – user2067567 Jun 28 '13 at 09:16
  • 3
    You could embed the link into the button as HTML5 data-* attribute: `` and then in your separate javascript file you would subscribe to the .click event of this button and retrieve the url using var `url = $(this).data('url');`. – Darin Dimitrov Jun 28 '13 at 09:37
  • @Darin Great ! Any other approach as we are not using html5 yet. How do i handle this if am not using HTML5. and Thanks for wonderful answers ! – user2067567 Jun 28 '13 at 12:17
  • @Darin Great ! Any other approach as we are not using html5 yet. How do i handle this if am not using HTML5. and Thanks for wonderful answers ! – user2067567 Jun 28 '13 at 12:23
  • Holy snit. After 2 hours of searching and debugging, this has solved my problem. I am now sending URLs to call from AJAX to AngularJS. – dance2die Jul 28 '15 at 15:57
2

Just a complement of Darin's answer that if "the AJAX call is in a separate javascript file where you cannot use server side helpers", use a hidden field to store the url endpoint in the view:

@Html.Hidden("URLEndpointName", Url.Action("FunctionName", "Controller"))

and read that hidden field in your js:

url: $("#URLEndpointName").val(),
Community
  • 1
  • 1
Thanh
  • 21
  • 1
1

You can use double dot in the url:

$.ajax({
   url: '../ControllerName/ActionName',
   .......
});
Ejrr1085
  • 975
  • 2
  • 16
  • 29
  • This solves the problem for me. In my case Url.Action("FunctionName", "Controller") is not returning the correct URL. – JCIsola Nov 06 '20 at 01:44
0

What I'd found on my setup of IIS7.5 is that the 'Handler Mapping' has a resource named 'OPTIONSVerbHandler' is not set in the right order hence return back as Unknown.

This work for me where my localhost ajax was calling my network server, which has a different name, that it shouldn't give me a CORS issue, but it did and this was my solution.

Open IIS and click on your server name on the left pane. On the right pane double-click 'Handler Mappings' in the middle pane. On the right pane, select 'View Ordered List'. From there find 'OPTIONSVerbHandler' and 'svc-ISAPI-4.0_32bit', move 'OPTIONSVerbHandler' up until it is above 'svc-ISAPI-4.0_32bit'.

Make sure your 'handler' inside your ajax call does not have 'Access-Control-Allow-Origin' in it.

Howard
  • 1