将JSON对象发布到Web方法 - $ .ajax

Question

我正试图通过点击按钮从表单中获取数据，并将其发送到我后面的代码中的Web方法。 我想将它作为JSON对象传递，或者至少我认为这是惯例？ 这是我当前的代码，但它会产生错误（在代码下方显示）。

$("#addTask")
    .click(function( event ) {
    var newTask = new Object();
        newTask.TaskName = $('#ctl00_ContentArea_taskName').val();
        newTask.TaskDescription = $('#ctl00_ContentArea_taskDescription').val();
        newTask.SQLObjectID = $('#ctl00_ContentArea_sqlReportingID').val();
        newTask.WarehouseSQLObjectID = $('#ctl00_ContentArea_warehouseSQLObjectID').val();

        $.ajax({
           type: "POST",
           url: 'AddTask.aspx/validateTask',
           data: JSON.stringify(newTask),
           contentType: "application/json; charset=utf-8",
           dataType: "json",
           async: false,
           success : function(data) { 
                alert( data.d ); 
           }
        });  
    });

__

{"Message":"Invalid web service call, missing value for parameter: \u0027newTask\u0027.","StackTrace":"   at System.Web.Script.Services.WebServiceMethodData.CallMethod(Object target, IDictionary`2 parameters)\r\n   at System.Web.Script.Services.WebServiceMethodData.CallMethodFromRawParams(Object target, IDictionary`2 parameters)\r\n   at System.Web.Script.Services.RestHandler.InvokeMethod(HttpContext context, WebServiceMethodData methodData, IDictionary`2 rawParams)\r\n   at System.Web.Script.Services.RestHandler.ExecuteWebServiceCall(HttpContext context, WebServiceMethodData methodData)","ExceptionType":"System.InvalidOperationException"}

我已尝试以多种方式使用我的网络方法，例如但不限于：

<System.Web.Services.WebMethod()> _
Public Shared Function validateTask(ByVal newTask As TaskBO)

或者将一堆单独的参数作为字符串。

完成我想要做的事情的正确方法是什么？ 关于格式化JSON对象我怎么理解？

谢谢你的帮助！

Answer 1

Web服务需要一个带有“newTask”键的项（如方法参数所示）。 您的请求将发送至：

{
    "TaskName": "stuff",
    "TaskDescription": "stuff",
    "SQLObjectID": "stuff",
    "WarehouseSQLObjectID": "stuff"
}

但你真的需要它：

{
    "newTask": {
        "TaskName": "stuff",
        "TaskDescription": "stuff",
        "SQLObjectID": "stuff",
        "WarehouseSQLObjectID": "stuff"
    }
}

因此，将$.ajax()调用更改为：

data: JSON.stringify({
    newTask: newTask
}),
contentType: "application/json; charset=utf-8",

Answer 2

• 如果您使用单独的js文件来使用此代码，请验证客户端ID

• 如果newTask的类上有更多属性，则始终可以使用delete运算符从json对象中排除不必要的属性。（例如：delete newTask.UnnecessaryProperty）