组合两个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

更新 -调整仅为无线电检查