如何格式化带有class参数的asp.net webmethod的JSON

时间:2014-01-09 14:41:40

标签: asp.net ajax json asmx webmethod

我的asp.net代码页面后面有以下webmethod:

[WebMethod(EnableSession = true)]
public static bool SaveFailureData(SimpleFailureData data)
{

}

SimpleFailureData定义如下:

public class SimpleFailureData
{
    public int Id { get; set; }
    public string Comments { get; set; }
    public double Score { get; set; }
    public double Adjustment { get; set; }
    public List<ShutdownData> ShutdownData { get; set; }
}

public class ShutdownData
{
    public int Id { get; set; }
    public string Description { get; set; }
    public bool CausedShutdown { get; set; }
    public string ShutdownType { get; set; }
}

我想弄清楚的是如何调用这个web方法并格式化我的数据,以便将它正确地投影/解析到该类中,以便我可以使用它。我尝试将json字符串发送到该方法,但是我的方法中的断点从未被命中(因此我假设该方法由于数据格式不正确而无法调用)。

这是我尝试发送然后调用方法的JSON:

json = JSON.stringify( {
    Comments: comments,
    Score: score,
    Adjustment: seAdjustmentValue,
    ShutdownData: breakdowns //this is an array of shutdown objects
});

PageMethods.SaveFailureData(json, function(data) {
    return;
});

但这无法进入我的方法。关于JSON格式应该是什么的任何提示,以便适当地将类作为参数传递?

这是我尝试发送给方法的JSON:

{
"Comments":"",
"Score":66.66666666666667,
"Adjustment":0,
"ShutdownData":[{"Id":"401","CausedShutdown":true,"ShutdownType":"NORMAL"}]
}

2 个答案:

答案 0 :(得分:3)

按照以下步骤操作,您将获得所需的输出

Ajax函数调用

function CallAjaxRequest() { 
    var Simplefailuredata = {};
    Simplefailuredata.Id = 1;
    Simplefailuredata.Comments = 'Comments-1';
    Simplefailuredata.Score = 500.25;
    Simplefailuredata.Adjustment = 700.25;
    Simplefailuredata.ShutdownData = new Array();
    Simplefailuredata.ShutdownData[0] = new Object({ Id: 2, Description: "Desc-1",  CausedShutdown: true, ShutdownType: "ShutdownType-1" });
    Simplefailuredata.ShutdownData[1] = new Object({ Id: 5, Description: "Desc-2", CausedShutdown: false, ShutdownType: "ShutdownType-2" });
    var object = JSON.stringify({ simplefailuredata: Simplefailuredata });
    $.ajax({
        type: "POST",
        url: "Default2.aspx/GetResponse",
        contentType: 'application/json; charset=utf-8',
        data: object,
        dataType: 'json',
        cache: false
    });
}


<form id="form1" runat="server">
 <div>
 <input type="button" id="btn"  value ="t" onclick="CallAjaxRequest();"   />
 </div>
</form>

代码背后

public partial class Default2 : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{

}
[System.Web.Services.WebMethod]
public static string GetResponse(simplefailuredata simplefailuredata)
{
    return "";
}
}



public class simplefailuredata 
{ 
public int Id; 
public string Comments; 
public double Score; 
public double Adjustment; 
public List<shutdownData> ShutdownData; 
} 

public class shutdownData 
{ 
public int Id { get; set; } 
public string Description { get; set; } 
public bool CausedShutdown { get; set; }
public string ShutdownType { get; set; }
}  

答案 1 :(得分:0)

好吧试试这个

    public static bool SaveFailureData(string sampleFailure)
    {
        JavaScriptSerializer s = new JavaScriptSerializer();
        SimpleFailureData sdata = s.Deserialize<SimpleFailureData>(sampleFailure);
        return true;
    }

    var json = {
                "Comments": "",
                "Score": 66.66666666666667,
                "Adjustment": 0,
                "ShutdownData": [{ "Id": "401", "CausedShutdown": true, "ShutdownType": "NORMAL"}]
            }

            var data = JSON.stringify(json);

            $.ajax({
                type: "POST",
                url: 'Default.aspx/SaveFailureData',
                contentType: 'application/json; charset=utf-8',
                data: "{'sampleFailure' : '" + data + "'}",
               // data: data,
                dataType: 'json',
                success: function (msg) {
                    alert(msg.d);
                },
                error: function (msg) {
                    alert('Error!');
                }
            });

        });

您将获得sdata对象中的数据。