Javascript FormData中的对象数组将0个对象传递给控制器
我正在对传递FormData()的控制器进行ajax调用,该控制器具有一个对象数组和一些其他属性。在我的控制器中,我传递的列表数组似乎有0个元素。请帮忙 cshtml视图中的脚本-Javascript FormData中的对象数组将0个对象传递给控制器,javascript,jquery,ajax,asp.net-mvc,asp.net-ajax,Javascript,Jquery,Ajax,Asp.net Mvc,Asp.net Ajax,我正在对传递FormData()的控制器进行ajax调用,该控制器具有一个对象数组和一些其他属性。在我的控制器中,我传递的列表数组似乎有0个元素。请帮忙 cshtml视图中的脚本- var _getFormDataToJson = function () { var applyDetail = []; $(_tb).find('tbody tr').each(function (i,
var _getFormDataToJson = function () {
var applyDetail = [];
$(_tb).find('tbody tr').each(function (i, v) {
var trans = {
effectiveDate: $(this).find('.effectiveDate').val(),
amount: $(this).find('.amount').val(),
empLeaveHdID: $('#tx-leaveHdID').val(),
//attachmentUrl: $(this).find('.leaveAttachment')[0].files[0]
}
applyDetail.push(trans);
});
var formObj = new FormData();
formObj.append('remark', $('#tx-remark').val());
formObj.append('leaveAppType', $('#hdnLeaveAppType').val());
formObj.append('applyDetail', applyDetail); //this collection has 0 items in controller
return formObj;
}
var _sumbitForm = function () {
var formData2 = _getFormDataToJson();
$.ajax({
url: '@Url.Action("ApplyLeave", "Leave")',
type: 'POST',
processData: false,
contentType: false,
data: formData2,
//data: { data: formData2 },
success: function (data) {
if (data.success) {
_myToastr.success(data.msg[0], true, function () {
location.reload();
});
$(_modal).modal('close');
}
else {
_myToastr.error(data.msg[0]);
}
},
complete: function () {
}
});
}
控制器-
[HttpPost]
public JsonResult ApplyLeave(Hr_LeaveApplyHd data)
{
foreach (var detail in data.applyDetail) //applyDetail count is 0 here
{
//to DO:
}
return new JsonResult();
}
编辑:
Hr_LeaveApplyHd模型-
public class Hr_LeaveApplyHd
{
public Hr_LeaveApplyHd()
{
applyDetail = new List<ApplyDetail>();
}
[Key]
public int applyID { get; set; }
public string remark { get; set; }
public virtual List<ApplyDetail> applyDetail { get; set; }
public LeaveAppType leaveAppType { get; set; }
}
不能将数组和/或复杂对象附加到
FormData
。例如,您需要为applydeail
的每个属性和集合中的每个项以及索引器追加名称/值对
formObj .append('applyDetail[0].effectiveDate', '09/19/2017');
var formObj = new FormData();
formObj.append('remark', $('#tx-remark').val());
formObj.append('leaveAppType', $('#hdnLeaveAppType').val());
$(_tb).find('tbody tr').each(function (i, v) {
var name = 'applyDetail[' + i + '].effectiveDate';
var value = $(this).find('.effectiveDate').val();
formObj.append(name, value);
... // ditto for other properties
});
您可以在$中执行此操作。例如,每个循环
formObj .append('applyDetail[0].effectiveDate', '09/19/2017');
var formObj = new FormData();
formObj.append('remark', $('#tx-remark').val());
formObj.append('leaveAppType', $('#hdnLeaveAppType').val());
$(_tb).find('tbody tr').each(function (i, v) {
var name = 'applyDetail[' + i + '].effectiveDate';
var value = $(this).find('.effectiveDate').val();
formObj.append(name, value);
... // ditto for other properties
});
但是,如果已使用强类型的HtmlHelper
方法正确生成表单,包括使用EditorTemplate的for
循环for
for typeofapplydeail
为集合属性生成控件,以便它们具有与模型匹配的正确名称属性,那么你所需要的就是
var formObj = new FormData($('form').get(0));
它将正确序列化所有表单控件Try console.log(applydeail);看看发生了什么?什么是_tb,id还是class?@akbansa var_tb=$('#tb leaveTrans')-idTry console.log(applydeail)@akbansa I有一个obj数组-{effectiveDate:“2017/09/12”,amount:“1”,empLeaveHdID:“56”}