如何使用 jquery asp.net mvc 将多个数据插入到数据库中的 2 个表中

Question

enter image description here这是我的数据库和代码：

如果我注册，只有学生表包含，部分表没有任何变化。请帮我？谢谢。

    function SignUp() {
        $("#ShowModal").modal();
        $("#message1").hide();
        $("#message2").hide();
    }

    function SaveForm() {
        var name = $("#user").val();
        var pwd = $("#Password").val();
        var email = $("#Email").val();

        if (name=="" || pwd=="" || email=="") {
            $("#message1").hide();
            $("#message2").show();
            return false;
        }

        var data = $("#Registration").serialize();
        $.ajax({
            type: "post",
            data: data,
            url: "/Register/SaveData",
            success: function (result) {
                $("#message1").show();
                $("#message2").hide();
                $("#Registration")[0].reset();
            }
        });
    }

Answer 1

您可以创建一个json对象并传递它，而不是序列化表单。

var data = $("#Registration").serialize(); without using this,

使用表单数据创建您自己的 Json 对象。类似于下面的东西。您的 Student 模型类应该具有作为 Json 对象的更纤细的结构。

 var data = {
    Username: $('#studentName').val(),
    Password: $('#Password').val(),
    Email: $('#Email').val(),
    ..
    ..
    Section: {
        Id: $('#SectionId').val(),
        SectionName: $('#SectionName').val(),
        GradeLevel: $('#GradeLevel').val(),
    }
}

#添加的模型类

public class Student
{
    public int Id { get; set; }
    public string Username { get; set; }
    public string Password { get; set; }
    public string Email { get; set; }
    public string SectionId { get; set; }
    public bool IsValid { get; set; }

    public Section Section { get; set; }
}

public class Section
{
    public int Id { get; set; }
    public string SectoinName { get; set; }
    public string GradeLevel { get; set; }
}

Answer 2

您正在尝试同时提交表单和使用 ajax。你有两种方法

1. 将模型添加到您的视图并删除 onclick java 脚本代码

2. 从视图中移除 type="submit"