Ajax call to C# controller action not working

Question

For some reason I am not able to pass a list of id's into my controller action using my AJAX request. I am getting the below 404 console error. Can anyone tell me why this is happening?

Error

Failed to load resource: the server responded with a status of 404 (Not Found) http://localhost:8088/Clients/VolDashboard/getViewsAssigned?candidateIds%5B%5D=177

Controller Action

public JsonResult getViewsAssigned(List<long> candidateIds)
    {
        long clientId = webRequestState.ClientId.Value;
        long clientUserId = webRequestState.ClientUserId.Value;
        return Json(clientViewService.getViewsAssignedToCandidates(candidateIds, clientId, clientUserId), JsonRequestBehavior.AllowGet);
    }

AJAX Request

$.ajax({
            type: "GET",
            url: "../Clients/VolDashboard/getViewsAssigned?" + $.param({ candidateIds: populateSelectedCandidateIds() }),
            success: Success,
            error: Errors
        });

public JsonResult getViewsAssigned(List candidateIds) is not correct. — loneshark99, Apr 26 '17 at 17:29

score 0 · Answer 1 · edited May 23 '17 at 12:10

0

Try pass parameters via data property:

var data = populateSelectedCandidateIds();
$.ajax({
type: "GET",
data: {candidateIds: data},
url: "../Clients/VolDashboard/getViewsAssigned",
success: Success,
error: Errors  
});

You can also see accepted answer here to get main idea.

edited May 23 '17 at 12:10

Community

1
1

answered Apr 26 '17 at 16:51

Ryan

609
6
13

score 0 · Accepted Answer · answered Apr 26 '17 at 17:07

The problem is that your C# method is expecting a List<long> as the parameter type. According to your url, you're just sending an int (which can be converted to a single long). The problem is that it isn't a collection, so it is unable to find the route. The 404 HTTP code is correct.

In this situation where you're URL encoding the list, your best bet would probably be to pass it as a string.

$.ajax({
    type: "GET",
    url: "../Clients/VolDashboard/getViewsAssigned?" + 
            $.param({ candidateIds: 
               populateSelectedCandidateIds().toString() 
            }),
    success: Success,
    error: Errors
});

Then you would need to adjust your C# method like this:

public JsonResult getViewsAssigned(string candidateIds)
{
    List<long> idList = candidateIds.Split(',').Select(long.Parse).ToList();
    long clientId = webRequestState.ClientId.Value;
    long clientUserId = webRequestState.ClientUserId.Value;
    return Json(clientViewService.getViewsAssignedToCandidates(idList, clientId, clientUserId), JsonRequestBehavior.AllowGet);
}

Ajax call to C# controller action not working

2 Answers2