具有多个返回值的Ajax调用服务

Question

我正在C＃中构建一个WCF服务，我希望能够从我的一些函数中返回多个值。下面的代码似乎是这样的：

[WebMethod]
public void ReturnMultipleValues(int startingValue)
{
    JavaScriptSerializer ser = new JavaScriptSerializer();

    var jsonData = new { FirstValue = startingValue, SecondValue = startingValue * 2 };

    Context.Response.Write(ser.Serialize(jsonData));
}

我试图通过JavaScript代码中的ajax调用来访问此函数：

function runTestService() {
    $.ajax({
        type: "POST",
        url: "http://localhost:12345/WebServices/MyService.asmx/ReturnMultipleValues",
        contentType: "application/json;charset=utf-8",
        data: "{ 'startingValue' : 6 }",
        dataType: "json",
        done: function(data) {
            var firstValue = data.FirstValue;
            var secondValue = data.SecondValue;
            alert("First: " + firstValue + ", Second: " + secondValue);
        },
        error: function(jqXHR, textStatus, errorThrown) {
            alert("Error: " + errorThrown);
        }
    });
}

当我执行上面的JavaScript代码时，.done部分中的函数永远不会执行。但是，当我检查Fiddler时，我发现我的服务中的函数确实正确执行并在JSON中返回了正确的值。

有没有其他方法我应该编写服务或ajax调用它？

Answer 1

你不应该自己写信给Context.Response。只需从方法中返回一个对象，让框架为您完成

[WebMethod]
public object ReturnMultipleValues(int startingValue)
{
    var jsonData = new { FirstValue = startingValue, SecondValue = startingValue * 2 };
    return jsonData;
}

并且您必须考虑Web服务使用d属性在对象中包装json响应的事实

{
    "d": {
        "FirstValue": 6,
        "SecondValue": 12
    }
}

所以也要更新js

done(function (data) {
    data = data.d;
    var firstValue = data.FirstValue;
    var secondValue = data.SecondValue;
    alert("First: " + firstValue + ", Second: " + secondValue);
});