0

2 つの単純なフォームがあり、jQuery タブ内で単一の送信をクリックすると、これらの両方のフォームにデータを保存したいと考えています。

これらのフォームに単一の送信ボタンを使用するよりも、2 つのフォームを組み合わせる方が良いと読みました。これらの両方が同じアクション クラスに移動する Strut2 を使用しています。2 つの異なる場所にある 2 つのフォームを結合する方法がわかりません。

コードが必要な場合はコメントしてください。

4

1 に答える 1

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

UPdated - チェックされているラジオのみを微調整

于 2013-03-30T00:25:53.793 に答える