jquery - ASP.NET MVC 模型与序列化绑定(bind)

Question

我正在使用 serialize 和 JSON.stringify 方法对我的 ASP.NET MVC 应用程序进行 Ajax 调用。 MVC 无法绑定(bind)模型。

这是我的 JS 代码和强类型 View :

<script>
    function saveDetails() {
        jsonObj = $('#rdform').serialize();
        $.ajax({
            method: "POST",
            url: "R/SaveDetail",
            contentType: 'application/json; charset=utf-8',
            dataType: "json",
            data: JSON.stringify(jsonObj)
        });
    }
</script>

<form id="rdform">
    <div>
        <div>
            @Html.LabelFor(m => m.LiIdH)
            @Html.TextBoxFor(m => m.LiIdH)
        </div>
        <div>
            @Html.LabelFor(m => m.LiIdR)
            @Html.TextBoxFor(m => m.LiIdR)
        </div>
    </div>
    <input type="button" onclick="saveDetails()" />
</form>

请求的有效负载如下所示:

"LiIdH=1&LiIdD=&LiIdR=2"

这是我的操作方法:

public bool SaveDetail(Detail detail)

我错过了什么吗？

Answer 1

您遇到麻烦的原因是您同时使用了序列化和 JSON.stringify。 form.serialize 返回一个字符串值，当传递给 JSON.serialize 时，该值会用一对额外的引号括起来。调用操作方法的最简单方法是删除对 JSON.stringify 的调用，并删除 ajax 调用的 contentType 选项并使用默认值，如下图:

<script>
    function saveDetails() {
        $.ajax({
            method: "POST",
            url: "R/SaveDetail",
            dataType: "json",
            data: $('#rdform').serialize()
        });
    }
</script>