javascript - 同时保存 2 个表单 MVC 3

Question

我计划保存 2 个表单，但第一个表单是我获取第二个表单的外键的地方

这是我尝试使用 Javascript 保存此内容

$("#btnSave").click(function (e) {
        e.preventDefault();
        $('#workForm').submit();
        $('#conttForm').submit();
    });

但是在联系表单提交时出错，因为在保存作为其外键的联系表单时， worker 表单的 ID 仍然为空

我也尝试过这个方法

 $("#btnSave").click(function (e) {
        e.preventDefault();


        if (Id != 0) {
            $('#workForm').submit();
            $('#contForm').submit();
        } else {
           $('#workForm').submit(); }
    });

但它只在 Else 处进行，因为 ID 为 0

我希望有人能帮助我

谢谢:D

Answer 1

jQuery 的 submit 函数实际上会导致浏览器发送请求，即您正在提交表单。为了实现这一点，您需要使用 ajax。像这样的事情应该可以解决问题:

$.ajax({
    method: 'POST',
    url: $('#workForm').attr('action'),
    data: $('#workForm').serialize(),
    success: function(data) {
        //grab whatever id you need here
        var id_thing = $(data).find('#id_here').val();
        //do something with id
        $('#conttForm input[name="your-hidden-id-field"]').val(id_thing);
        $('#conttForm').submit();
    }
})