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

Posted 2023-05-08

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

【英文标题】：How to insert multiple data into 2 tables in database using jquery asp.net mvc

【发布时间】：2021-09-09 15:58:02

【问题描述】：

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();
            
        );
    

【问题讨论】：

请您至少显示您的注册表单视图吗？

您能告诉我们您的控制器操作SaveData 吗？

@Serge 我上传了我的注册表单。转到我上面的图片抱歉 *** 不能让我在这里发布我的代码所以我做截图

@NagibMahfuz 我在上面上传了我的注册表单。你可以看看

【参考方案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; 

【参考方案2】：

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

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

从视图中移除 type="submit"

【讨论】：

先生，您有时间检查我的代码吗？我会给你发rar文件。

删除“type=submit”再试一次