将JSON发布到Razor页面时，模型绑定不起作用

Question

我正在使用下面的JS将JSON发布到Razor方法（也如下所示）。发布成功，并且调用OnPostSubmitApproval方法，但是JSON不绑定到Subcontractor视图模型。我还需要采取其他步骤来修复绑定吗？

    function submitApproval(e) {
    e.preventDefault();
   
    var griddata = this.dataItem($(e.currentTarget).closest("tr"));
    console.log(JSON.stringify(griddata));

    var dataType = 'application/x-www-form-urlencoded; charset=utf-8';

    $.ajax({
        type: 'POST',
        url: "@Url.Page("Index", "SubmitApproval")",
        beforeSend: function (xhr) {
            xhr.setRequestHeader("RequestVerificationToken",
                $('input:hidden[name="__RequestVerificationToken"]').val());
        },
        data: JSON.stringify(griddata),
        contentType: dataType,
      //  dataType: 'json',        
          
    }).done(function (data) {
        kendo.alert(data.success);
      
    });
}

        public IActionResult OnPostSubmitApproval(Subcontractor subcontractor)
    {
        return new OkResult();
    }