如何通過AJAX調用將DataSourceRequest和序列化的表單數據發送到MVC控制器

Question

我在通過Ajax將表單數據和DataSourceRequest發布到我的控制器方法時遇到問題。 我可以單獨傳遞每個對象，但是當我嘗試傳遞兩個對象時，我的DataSourceRequest始終為null。

這是我的js代碼：

function submitForm() {

    var grid = $('#denialGrid').data('kendoGrid');

    parameterMap = grid.dataSource.transport.parameterMap;

    var requestObject = parameterMap({
        sort: grid.dataSource.sort(), filter: grid.dataSource.filter(), group: grid.dataSource.group(), page: grid.dataSource.page(),
        pageSize: grid.dataSource.pageSize()
    });

    var formData = $('#BillingForm').serialize();
    $.ajax({
        type: "POST",
        url: '@Url.Action("SaveUpdate", "Home")',
        data: {requestObject,formData}, 
        success: alert(JSON.stringify(requestObject)),

    })
}

這是我的控制器方法

[HttpPost]
    public ActionResult SaveUpdate([DataSourceRequest] DataSourceRequest request, UpdateViewModel vm)
    {

        return null;
    }

我試過了：

data: {requestObject,formData},
data: [requestObject,formData],
data: requestObject, formData,
data: (requestObject,formData),
data: {request: requestObject, vm: formData},

任何幫助將不勝感激

Answer 1

您應該在requestObject中包含formData，並且僅傳遞requestObject

  var requestObject = parameterMap({ sort: grid.dataSource.sort(), filter: grid.dataSource.filter(), group: grid.dataSource.group(), page: grid.dataSource.page(), pageSize: grid.dataSource.pageSize(), formData: $('#BillingForm').serialize() }); $.ajax({ type: "POST", url: '@Url.Action("SaveUpdate", "Home")', data: requestObject, success: alert(JSON.stringify(requestObject)), }) 

而且我認為serialize（）將僅返回字符串。 您需要將其轉換為對象。 或者你可以嘗試這個

 [HttpPost] public ActionResult SaveUpdate([DataSourceRequest] DataSourceRequest request, string formData) { return null; }