带有对象解析的响应javascript ajax失败

Question

Where am i going wrong here!?

Javascript code:

var url = "/SitePages/AlertsHandler.aspx/GetAlert";
$.ajax({
    type: "POST",
    url: url,
    data: '{alertId: \"' + alertId + '\"}',
    contentType: "application/json; charset=utf-8",
    dataType: "json",
    success: function (data) {
        console.log(data.IncidentDesc);
    }
 });

C# code:

[WebMethod]
    public static string GetAlert(string alertId)
    {
        return MyJsonObject; // on debug --> {"IncidentDesc":"assdafsdaf","IncidentRecommend":"asdfsdaf"}
    }

And i get undefined on console... what did i miss here guys?

Update , Found the problem:

var data2 = JSON.parse(data.d);
console.log('IncidentDesc:' + data2.IncidentDesc);

Answer 1

try this

var url = "/SitePages/AlertsHandler.aspx/GetAlert";
var data={alertId: alertId};
$.ajax({
    type: "POST",
    url: url,
    data: JSON.stringify(data),
    contentType: "application/json; charset=utf-8",
    dataType: "json",
    success: function (data) {
        console.log(data.IncidentDesc);
    }
 });

Answer 2

You may need to parse your JSON data, as it may be a string on response?

var obj = JSON.parse(data);

console.log(data.IncidentDesc);