MVC 模型绑定无法通过 AJAX 请求工作

MVC Model Binding Not Working via AJAX request

本文关键字：AJAX 请求 工作 模型 绑定 MVC      更新时间：2023-09-26

通过AJAX绑定MVC模型时遇到一点问题。

有人可以告诉我为什么创建受让人详细信息属性没有绑定，它总是以"null"返回。

型：

public class ResolveProfileSelectionRequiredModel
{
    public CreateTransfereeModel CreateTransfereeDetails { get; set; }
    public bool NewTransfereeSelected { get; set; }
}
public class CreateTransfereeModel
{
    [Display(Name = "Transferee Name:")]
    public string TransfereeName { get; set; }
}

目录：

<input type="text" id="TransfereeName" />
<input type="hidden" id="NewTrasnfereeSelected" />

JavaScript：

var createTransfereeDetails =
{
    "TransfereeName": $("#TransfereeName").val()
};
$.ajax({
    url: "/myurl",
    dataType: "json",
    traditional: true,
    type: "POST",
    data: {
        CreateTransfereeDetails: createTransfereeDetails,
        NewTransfereeSelected: $("#NewTransfereeSelected").val()
    },
    success: function (result) {
        //
    },
    error: function (XMLHttpRequest, textStatus, errorThrown) {
        //
    },
    complete: function () {
        //
    }
});

谢谢！

在

表单内的输入字段中使用name attribute。 Name attribute's values会自动分配给模型的属性。

<form method="post" id="frm">
<input type="text" name="id="TransfereeName" " id="TransfereeName" />
<input type="hidden" name="NewTrasnfereeSelected"  id="NewTrasnfereeSelected" />
<input type="button" onclick="submit()" value="submit" />
</form>

并使用jQuery的Serialize（）函数使用ajax传递数据

function submit(){
    $.ajax({
        url: "/myurl",
        dataType: "json",
        traditional: true,
        type: "POST",
        data: $('#frm').serialize(),
        success: function (result) {
            //
        },
        error: function (XMLHttpRequest, textStatus, errorThrown) {
            //
        },
        complete: function () {
            //
        }
    });
}
相关文章：