jquery - 结合两个 html 表单（一个在 JSP 页面顶部，另一个在 jQuery 选项卡内）？

Question

我有两个简单的表单，我想在单击 jQuery 选项卡内的单个提交时将数据保存在这两个表单上。

我已经读过，结合 2 个表单比为这些表单使用单个提交按钮更好。我正在使用 Strut2，它们都进入同一个动作类。我不知道如何组合位于两个不同位置的两种形式。

如果您需要代码，请发表评论。

Answer 1

要通过 AJAX 发送数据可以执行以下操作，只需相应地调整表单的 ID：

$('#saveNoteButton').click(function(evt){
    evt.preventDefault();/* prevent browser default submit*/
    var inputs=$('#form1,#form2').find(':input').not(this);
    var form_data={};
    inputs.each(function(){
        var $this=$(this)
        if( $this.is(':radio') && !this.checked){
            return;
        }
        form_data[this.name]=$this.val();
    });

    /* now send via AJAX*/
  $.post('/path/To/Server/',  form_data, function(response){  
        // do something with server response here
    });/* if return json add datatype argument, see docs*/


});

演示：http: //jsfiddle.net/HnyYe/1

已更新- 仅针对已检查的无线电进行调整