Kendo UI DateTimePicker未正确绑定到控制器中

Question

我有一个复杂的对象，我需要在提交表单时传递给控制器。这个复杂对象有一个对象和一个对象列表。这是我的Web API控制器，它通过使用Ajax的post接收复杂对象：

[HttpPost]
public IHttpActionResult CreatePurchaseInvoice(NewPurchaseInvoice newPurchaseInvoice)
{
    try
    {
        var purchaseInvoice = new PurchaseInvoice
        {
            Id = newPurchaseInvoice.PurchaseInvoice.Id,
            DatePurchaseInvoice = newPurchaseInvoice.PurchaseInvoice.DatePurchaseInvoice
        };

        // Here i do other stuff with the list of objects   

        _context.SaveChanges();
    }
    catch(Exception ex)
    {
        return BadRequest();
    }
    return Ok();
 }

这是我的html表单：

<form id="purchaseInvoiceForm">
    <div class="row">
        <div class="col-lg-6">
            <label>Order:</label>
            <select id="numberOrder" class="form-control" required name="numberOrder">
                <option value="">Select an order number...</option>
            </select>
        </div>
        <div class="col-lg-6">
            <div class="form-group">
                <label>Date of Purchase Invoice:</label><br />
                <input id="datePurchaseInvoice" style="width: 70%" />
            </div>
        </div>
    </div>

    //Here i have an html table and every row i push into an array of the complex object
</form>

这是我通过Ajax发送复杂对象的jQuery代码：

$(document).ready(function(){

    //this is the declaration of my complex object
    var newPurchaseInvoice = {
            PurchaseInvoice: {},
            PurchaseInvoiceDetails: []
    }


    $("#purchaseInvoiceForm").submit(function (e) {
        e.preventDefault();

        newPurchaseInvoice.PurchaseInvoice= {
            Id: $("#numberOrder").val(),
            DatePurchaseInvoice : $("#datePurchaseInvoice").val()
        }

        $.ajax({
            url: "/api/purchaseInvoices",
            method: "post",
            data: newPurchaseInvoice
        });
    });
});

$("#datePurchaseInvoice").kendoDateTimePicker({        
    value: new Date(),
    dateInput: true
});

public class public class NewPurchaseInvoice 
{
    public PurchaseInvoice PurchaseInvoice{ get; set; }
    public List<PurchaseInvoiceDetail> PurchaseInvoiceDetails{ get; set; }
}

 public class PurchaseInvoice 
{
    public int Id { get; set; }
    public DateTime DatePurchaseInvoice { get; set; }
}

Answer 1

您需要指定所提供的数据类型：

contentType: 'application/json'

根据您的响应类型，也可能使用dataType。根据这篇文章，你可能需要严格你的回应。我不认为我需要这样做，但我不经常对复杂的数据类型使用AJAX操作。