有两种不同签名的方法，jquery没有调用正确的方法

Question

There are two methods GetUserAssignedSystems() and GetUserAssignedSystems(string Id) These methods act very differently from each other. The problem is, when I want to call GetUserAssignedSystems(string Id) , the parameter-less method is called.

Here are the methods:

[WebMethod]
[ScriptMethod]
public IEnumerable GetUserAssignedSystems(string cacId)
{
    return Data.UserManager.GetUserAssingedSystems(cacId);
}

[WebMethod]
[ScriptMethod]
public IEnumerable GetUserAssignedSystems()
{
    //do something else
}

Here is the jQuery making the call:

CallMfttService("ServiceLayer/UserManager.asmx/GetUserAssignedSystems", 
        "{'cacId':'" + $('#EditUserCacId').val() + "'}", function(result) {
            for (var userSystem in result.d) {
                $('input[UserSystemID=' + result.d[userSystem] + ']').attr(
                    'checked', 'true');
            }
        });

Any ideas why this method is being ignored?

UPDATE

Here is the code for the CallMfttService

function CallMfttService(method, jsonParameters, successCallback, errorCallback){
if (errorCallback == undefined)
{
    errorCallback = function(xhr)
    {
        if (xhr.status == 501)
        {
            alert(xhr.statusText);
        }
        else
        {
            alert("Unexpected Error");
        }
    }
}

$.ajax({
    type: "POST",
    url: method,
    data: jsonParameters,
    contentType: "application/json; charset=utf-8",
    dataType: "json",
    success: successCallback,
    error: errorCallback
});

}

Answer 1

Javascript does not support overloaded functions (multiple functions with the same name that accept different parameters) in the same way that some languages do. If you need it to optionally perform tasks based on the presence of an input parameter you have to add checking within the function that determines if the variable was passed if ( param == undefined) {} and then behave in the appropriate way based on the presence or absence of said variable. Redefining the function twice with different parameters won't work.

Per updates, try changing your call like so:

CallMfttService("ServiceLayer/UserManager.asmx/GetUserAssignedSystems", 
    {'cacId': $('#EditUserCacId').val() }, function(result) {
        for (var userSystem in result.d) {
            $('input[UserSystemID=' + result.d[userSystem] + ']').attr(
                'checked', 'true');
        }
    });

Essentially you were passing a string, not an object to the jQuery $.ajax method, which was probably preventing your values from reaching the server properly. Let me know how that behaves.

Answer 2

I am having a similar issue where the correct C# WebMethod is not getting called. I am getting a "Resource Not Found Error". It appears that for whatever reason (I am not sure why exactly, maybe someone else can elaborate), the WebMethod Class does not like overloaded methods. It is incorrectly interpreting the type of the passed parameters. If I remove all of the overloaded methods in the C# WebMethod Class and leave just one, regardless of which one I leave behind, it will now get called and work as expected.

Answer 3

I am not sure if you mean to send JSON, or a normal object literal. But in the first case, your JSON is invalid... JSON needs double quotes around strings and keys:

 CallMfttService("ServiceLayer/UserManager.asmx/GetUserAssignedSystems", '{"cacId":"' + $('#EditUserCacId').val() + '"}', function(result) {

Without knowing what CallMfttService does, its hard to say, but I would def try this as well:

CallMfttService("ServiceLayer/UserManager.asmx/GetUserAssignedSystems", {cacId:   $('#EditUserCacId').val()}, function(result) {