如何使用ajax一起发送模式形式和标准形式

时间:2018-09-28 09:05:19

标签: javascript spring-mvc

请 我有一个采用父母详细信息的表格,另一种形式是模态形式,在创建父母时需要特定学生的最少数据。我希望能够将这两个详细信息同时发送到在后端处理它的控制器。 这就是我一直在尝试的:

$("#plus").click(function () {
    var student = {
        "firstName": $("#sfirstName").val(),
        "lastName" : $("#slastName").val(),
        "middleName" : $("#smiddleName").val(),
    }
    console.log(student)
});

这管理模式形式,并管理页面上的常规形式:

$("#addParent").click(function () {
   var parentForm = new FormData($('#parentForm')[0]);
   parentForm.append("firstName",student[sfirstName]);
   parentForm.append("middlesName", student[smiddleName]);
   parentForm.append("lastName", student[slastName]);
   console.log(parentForm);
})

在我现在将使用Ajax作为后端将表单发送给表单之前...但是它似乎不起作用...在此先感谢

1 个答案:

答案 0 :(得分:0)

尝试像这样修复:

$("#plus").click(function () {
    var student = {
        firstName: $("#sfirstName").val(),
        lastName : $("#slastName").val(),
        middleName : $("#smiddleName").val()
    }  // fixed <-- we create an object literal in javascript with name-value pairs wrapped in curly braces
    console.log(student)
});

然后:

$("#addParent").click(function () {
   var parentForm = new FormData($('#parentForm')[0]);
   parentForm.append("firstName",student[firstName]);  //fixed typo
   parentForm.append("middlesName", student[middleName]); //fixed typo
   parentForm.append("lastName", student[lastName]); //fixed typo
   console.log(parentForm);
})