ASP.NET MVC wrong url in ajax calls

Question

I have wrong URL in my ajax calls.

$.ajax({
    type: "POST",
    url: "Home/GetDetails",
    ......
});

HomeController has action GetDetails().

All works fine, when I load page with URL htp://localhost/projectName Ajax URL is htp://localhost/projectName/Home/GetDetails

But after loading htp://localhost/projectName/Home/Index all my ajax calls are going to htp://localhost/projectName/Home/Home/GetDetails and thats wrong.

Please, how can I solve this?

Answer 1

You should use the Url Helper to generate your URLs...

$.ajax({
    type: "POST",
    url: "<%= Url.Action("GetDetails") %>",
    ......
});

Answer 2

If you stick with the strings and not Url.Action, put a forward slash before 'Home'

url: "/Home/GetDetails"