javascript - 传递的 Json 不被 Controller 接受

Question

我通过在我的 View 中创建 JSON 得到这个结果

header:{"ScheduledVisit":"08/02/2017 12:00 AM","Company":"fdsa","ContactPerson":"asfd","Phone":"asdf","Purpose":"fasd","Detail":"asdf"}

我的模型是这样的:

public class ScheduleVisit
{
    [Required(ErrorMessage = "* Required")]
    public DateTime ScheduledVisit { get; set; }
    public string Company { get; set; }
    public string ContactPerson { get; set; }
    public string Phone { get; set; }
    public string Purpose { get; set; }
    public string Detail { get; set; }
}

我这样传递我的数据:

document.getElementById("btn_submit_schedule").addEventListener("click", function (event) {
        event.preventDefault();
        if ($("#scheduledVisit").val().length === 0) {
            $("#scheduledVisit").focus();
        }

        var obj = {};
        obj.ScheduledVisit = document.getElementById("scheduledVisit").value;
        obj.Company = document.getElementById("company").value;
        obj.ContactPerson = document.getElementById("contactPerson").value;
        obj.Phone = document.getElementById("phone").value;
        obj.Purpose = document.getElementById("purpose").value;
        obj.Detail = document.getElementById("detail").value;
        console.log(obj);
        addSchedule(obj);
    });

    function addSchedule(data) {
        $.ajax({
            type: "POST",
            url: "@Url.Action("ScheduleVisit", "ScheduleVisit")",
            data: {header: JSON.stringify(data)},
        success: function(result) {
            alert(result);
        },
        error: function(error) {
            alert(error);
        }
    });
}

and my controller looks like this:

    [HttpPost]
    public JsonResult ScheduleVisit(ScheduleVisit header)
    {

        return Json(false);
    }

当我在 Debug模式下运行并检查我的 Controller 是否接受任何内容时，我在“header”参数上得到 null。请告诉我哪里出错了。

Answer 1

只是用当前解决方案将 data: {header: JSON.stringify(data)} 替换为 data: data。

这种非常复杂和手动的方式，您可以使用如下简单的方式

像id一样给每个元素分配name字段

<input type="text" name="Company" value="" />

使用serializeArray

data: $("form").serializeArray(),

希望这会有所帮助。