JQuery Ajax call gives 404 'Resource Not Found' Error but normal URL call is fine

Question

I have a weird problem when using JQuery call in my ASP.NET MVC project. I found that the Ajax call gives 404 ( resource not found error). But when I use the usual URL GET call, I can successfully call the server without any problem. Any idea why this is so? This my ASP.NET MVC code ``` public class ViewRecordController: Controller { public JSONResult GetSoftwareChoice(string username) { return Json(username); } } ``` This is my JQuery code: ``` $(function() { $("#username").click(function() { $.getJSON("ViewRecord/GetSoftwareChoice", {username:'123'}, function(data) { alert(data); }); }); }); ``` The above JQuery gives me a 404 error. Apparently the `ViewRecord/GetSoftwareChoice` is not found on server, as far as the AJAX call is concerned. But if I type this in my web browser: ``` http://myapp/ViewRecord/GetSoftwareChoice?username=123 ``` then there is no problem. This is very weird, indeed. Just in case if you are interested, this is my route: ``` public static void RegisterRoutes(…

Accepted Answer

I fix this problem by using FireBug to show me the request that was generated by JQuery. To my amazement, the url generated is

```
http://localhost/ViewRecord/ViewRecord/GetSoftwareChoice?username=123
```

for the JSON call:

```
$(function() {
$("#username").click(function() {
        $.getJSON("ViewRecord/GetSoftwareChoice", {username:'123'},
    function(data) {
        alert(data);
    });
    });
});
```

So I just have to change the `$.getJSON` line to

```
$.getJSON("GetSoftwareChoice", {username:'123'},
```

Alternatively, use the forward slash:

```
 $.getJSON("/ViewRecord/GetSoftwareChoice", {username:'123'},
```

JQuery Ajax call gives 404 'Resource Not Found' Error but normal URL call is fine

Solution

Problem