Question

我有一个带有以下签名的WebMethod：

[WebMethod]
    public void SaveRoute(int id, Coordinates[] coordinates)
    {
    }

坐标为：

/// <summary>
/// A position on the globe
/// </summary>
public class Coordinates
{
    public decimal Longitude { get; protected set; }
    public decimal Latitude { get; protected set; }

    public Coordinates(decimal latitude, decimal longitude)
    {
        this.Longitude = longitude;
        this.Latitude = latitude;
    }
}

我想从像这样的jQuery ajax方法中调用它：

$.ajax({
                    type: "POST",
                    url: "Routes.asmx/SaveRoute",
                    cache: false,
                    contentType: "application/json; charset=utf-8",
                    data: '{"id":1, ,"coordinates": "Longitude":123,"Latitude":456}',
                    dataType: "json",
                    success: handleHtml,
                    error: ajaxFailed
                });

我需要在data属性中提供什么才能进行正确的反序列化？

我现在已经解决了它：

感谢所有帮助，我最终通过以下代码设法获得了我想要的内容：

var coords = new Array();
            for (ckey in flightPlanCoordinates) {
                var thisWaypoint = { "Longitude": flightPlanCoordinates[ckey].lng(), "Latitude": flightPlanCoordinates[ckey].lat() };
                coords.push(thisWaypoint);
            }
            var data = { "id": 1, "coordinates": coords };
            if (flightPlanCoordinates) {

                $.ajax({
                    type: "POST",
                    url: "Routes.asmx/SaveRoute",
                    cache: false,
                    contentType: "application/json; charset=utf-8",
                    data: JSON.stringify(data),
                    dataType: "json",
                    success: handleHtml,
                    error: ajaxFailed
                });
            }

我通过使用另一种方法发送一些内容来反向设计JSON：

[WebMethod]
    public Coordinates[] Get()
    {
        return new Coordinates[]
        {
            new Coordinates(123, 456),
            new Coordinates(789, 741)
        };
    }

您的班级中有一个公共无参数构造函数并且您的属性的setter是公共的也很重要：

/// <summary>
/// A position on the globe
/// </summary>
public class Coordinates
{
    public decimal Longitude { get; set; }
    public decimal Latitude { get; set; }

    public Coordinates()
    {
    }

    public Coordinates(decimal latitude, decimal longitude)
    {
        this.Longitude = longitude;
        this.Latitude = latitude;
    }
}

Answer 1

我建议使用JSON.stringify来构建“JSON”字符串。使用JSON.stringify，您可以将坐标数组转换为JSON字符串表示形式。例如：

var id = 2;
var coords = new Array();

coords[0] = { Longitude: 40.0, Latitude: 76.0 };
coords[1] = { Longitude: 42.0, Latitude: 77.0 };

$.ajax({
    type: "POST",
    url: "Routes.asmx/SaveRoute",
    cache: false,
    contentType: "application/json; charset=utf-8",
    data: '{ "id":' + JSON.stringify(id) + ', "coordinates":' + JSON.stringify(coords) + '}',
    dataType: "json",
    success: handleHtml,
    error: ajaxFailed });

如果将SaveRoute Web方法放在aspx网站上，则可以使用ScriptManager生成页面方法和脚本类型（请参阅GenerateScriptTypeAttribute的MSDN文档。）

Answer 2

将其作为对象提供，而不是字符串：

$.ajax({
    type: "POST",
    url: "Routes.asmx/SaveRoute",
    cache: false,
    contentType: "application/json; charset=utf-8",
    data: {"id":1, "coordinates": ["Longitude":123, "Latitude":456]},
    dataType: "json",
    success: handleHtml,
    error: ajaxFailed
});

Answer 3

由于coordinates是一个数组，请尝试此

data: '{ "id":1, ,"coordinates": [ {"Longitude":123,"Latitude":456} ] }'

对于更复杂的对象，您可以使用以下链接中的JSON活页夹

http://community.codesmithtools.com/CodeSmith_Community/b/tdupont/archive/2009/08/10/mvc-custom-json-binder.aspx

使用jQuery ajax中的类数组调用asmx

3 个答案: