MVC Ajax POST不绑定子对象

Question

我有一个控制器

[HttpPost]
public async Task<IActionResult> Report([FromBody][FromForm] ReportViewModel request)
{
var x = request.StartDate; // binds data
var y = request.Pager.RowsPerPage; // always NULL
}

ReportViewModel是

public class ReportViewModel : IEntity, IResponse
{
public string DateRange { get; set; }
public Pager Pager { get; set; }
}
public class Pager
{
public int CurrentPage { get; set; }
}

我正在使用AJAX调用控制器，这是我从UI 发送的内容

{"Pager.RowsPerPage":"1","Pager.CurrentPage":"2","StartDate":"2021-11-08T17:25:21.243Z"}

我曾尝试在ReportViewModel构造函数上创建Pager对象，但没有成功。

问题出在哪里？

谢谢。

Answer 1

应该是这样的

<button id="submitForm">Submit</button>
@section scripts {
<script type="text/javascript">
var formData = '{ "DateRange": "2021/11/08", "Pager": { "CurrentPage": 2 } }';
var options = {
url: '/Home/Report',
type: 'POST',
dataType: 'json',
data: JSON.parse(formData)
}
$('#submitForm').click(function () {
$.ajax(options)
.done(function (response) {
console.log('response: ', response);
});
});
</script>
}

然后在控制器中

[HttpPost]
public ActionResult Report(ReportViewModel report)
{
var dateRange = report.DateRange;
var page = report.Pager.CurrentPage;
return Json("{ submited = true }", JsonRequestBehavior.AllowGet);
}

public class ReportViewModel
{
public string DateRange { get; set; }
public Pager Pager { get; set; }
}
public class Pager
{
public int CurrentPage { get; set; }
}