Javascript 从JS代码提交表单

我有以下表格：

@model project.Models.ChannelAndLocationViewModel

@{
const string formId = "parentForm";
}

@using (Html.BeginForm("EditChannel", "Channel", FormMethod.Post, new { id = formId }))
    {
        Html.RenderPartial("EditChannelForm", Model);
        <br /><br />
        <!--<input type="submit" value="Save"/>-->

    <input type="button" value="Save" onclick="editChannel('@Model.ChannelViewModel.ID', @formId)" />

    }

但是表单似乎永远不会被提交，因为模型没有被解析到控制器。一旦调用Action方法，模型就为null。操作如下所示：

function editChannel(channelId, parentForm) {


$(parentForm).submit();

$.ajax({
    url: '/Channel/EditChannel/',
    type: "POST",
    cache: false,
    data: {
        id: channelId            
    },
    success: function (msg) {
        alert("Msg: " + msg);
        if (msg === "ChangeOfSensitiveData") {
            showAlertOnChangeOfSensitiveData('sensitivDataMsgDiv');
        } else {
            alert("Else");
        }
    },
    error: function (msg) {
        showDialog('errorDiv');
    }
});
}

[HttpPost]
        public ActionResult EditChannel(int id, ChannelAndLocationViewModel updatedModel)
        { ...}

如何从JS文件提交表单？

请按以下方式提交：

function editChannel(channelId, parentForm) {

    $("#formId").submit(function(event) {
        event.preventDefault();

        $.ajax({
            url: '/Channel/EditChannel/',
            type: "POST",
            cache: false,
            data: {
                id: channelId,
                updatedModel: parentForm
            },
            success: function (msg) {
                alert("Msg: " + msg);
                if (msg === "ChangeOfSensitiveData") {
                    showAlertOnChangeOfSensitiveData('sensitivDataMsgDiv');
                } else {
                    alert("Else");
                }
            },
            error: function (msg) {
                showDialog('errorDiv');
            }
        });
    });
}

这样做：

function editChannel(channelId, parentForm) {

    $("#formId").submit(function(event) {
        event.preventDefault();

        $.ajax({
            url: '/Channel/EditChannel/',
            type: "POST",
            cache: false,
            data: {
                id: channelId,
                updatedModel: parentForm
            },
            success: function (msg) {
                alert("Msg: " + msg);
                if (msg === "ChangeOfSensitiveData") {
                    showAlertOnChangeOfSensitiveData('sensitivDataMsgDiv');
                } else {
                    alert("Else");
                }
            },
            error: function (msg) {
                showDialog('errorDiv');
            }
        });
    });
}

这样做：

function editChannel(channelId, parentForm) {

    $("#formId").submit(function(event) {
        event.preventDefault();

        $.ajax({
            url: '/Channel/EditChannel/',
            type: "POST",
            cache: false,
            data: {
                id: channelId,
                updatedModel: parentForm
            },
            success: function (msg) {
                alert("Msg: " + msg);
                if (msg === "ChangeOfSensitiveData") {
                    showAlertOnChangeOfSensitiveData('sensitivDataMsgDiv');
                } else {
                    alert("Else");
                }
            },
            error: function (msg) {
                showDialog('errorDiv');
            }
        });
    });
}

这样做：

function editChannel(channelId, parentForm) {

    $("#formId").submit(function(event) {
        event.preventDefault();

        $.ajax({
            url: '/Channel/EditChannel/',
            type: "POST",
            cache: false,
            data: {
                id: channelId,
                updatedModel: parentForm
            },
            success: function (msg) {
                alert("Msg: " + msg);
                if (msg === "ChangeOfSensitiveData") {
                    showAlertOnChangeOfSensitiveData('sensitivDataMsgDiv');
                } else {
                    alert("Else");
                }
            },
            error: function (msg) {
                showDialog('errorDiv');
            }
        });
    });
}

---

模型为空，因为尚未将其添加到数据中。尝试：

data: {
    id: channelId,
    updatedModel : { ...... }
},

---

模型为空，因为尚未将其添加到数据中。尝试：

data: {
    id: channelId,
    updatedModel : { ...... }
},

---

模型为空，因为尚未将其添加到数据中。尝试：

data: {
    id: channelId,
    updatedModel : { ...... }
},

---

模型为空，因为尚未将其添加到数据中。尝试：

data: {
    id: channelId,
    updatedModel : { ...... }
},

---

您是否有一个如何将模型作为数据发送的示例？我试着通过js code搜索google

实体框架解析模型和通过js code搜索
实体框架发送模型，但似乎没有任何有用的结果我不知道如何通过js code表达模型将其创建为javascript对象，其中属性与服务器上模型的名称匹配，即{ModelId:1，SomeValue:'value'}。控制器将解析映射。您有如何将模型作为数据发送的示例吗？我试着通过js code搜索google
实体框架解析模型和通过js code搜索
实体框架发送模型，但似乎没有任何有用的结果我不知道如何通过js code表达模型将其创建为javascript对象，其中属性与服务器上模型的名称匹配，即{ModelId:1，SomeValue:'value'}。控制器将解析映射。您有如何将模型作为数据发送的示例吗？我试着通过js code搜索google
实体框架解析模型和通过js code搜索
实体框架发送模型，但似乎没有任何有用的结果我不知道如何通过js code表达模型将其创建为javascript对象，其中属性与服务器上模型的名称匹配，即{ModelId:1，SomeValue:'value'}。控制器将解析映射。您有如何将模型作为数据发送的示例吗？我试着通过js code搜索google
实体框架解析模型和通过js code搜索
实体框架发送模型，但似乎没有任何有用的结果我不知道如何通过js code表达模型将其创建为javascript对象，其中属性与服务器上模型的名称匹配，即{ModelId:1，SomeValue:'value'}。控制器将解析映射