jq 怎么做多个表单同步提交

比如说有当前表单

clipboard.png
当我点击保存的时候同时提交所有表单,第一个提交成功remove当前表单,然后自动提交第二个

阅读 4.9k
4 个回答

写一个for循环做ajax就行了,我想知道的是为啥不一次性提交?

// 就jQuery代码来说:
function upload() {
    // 获取第一个表单的数据,每次提交第一个表单的数据
    var data = $('form').eq(0).serialize(); 
    $.ajax({
        url : 'url',
        type : 'post',
        dataType : 'json',
        data : data,
        success : function(result) {
            // 此处判断上传成功
            if(result) {
                // 此处可以操作删除第一个表单数据
                upload(); // 上传成功,执行下一个表单
            }
        },
        error : function() {
            console.log('操作错误!');
        }
    })
}

如果多个表单 节点是同级(兄弟元素)的可以这样,

$("from").submit(function(){
    var $this = $($this);
    $.ajax({
    
        success : function(json){
            //成功
            $this.next().submit();
        }
    })
    
})

?表单直接提交啊,注册监听时分别submit

form表达提交时会跳转页面,这个得用ajax提交

推荐问题