oneJqueryを使用して2つの動的要素をPOSTする方法

Question

StatusAll要素の1つの値を送信できますが、同じクエリでCtrl_no要素の値を追加する方法はわかりません。スクリプトにCtrl_noのコードを追加していませんでした。両方の要素は動的です。

 $(document).ready(function() { 

    $('input[id^="stag"]').on('click', function() { 

      var $buttonData = this.value; 
       $.post('https://172.16.101.120/servlet/AppQueOpenPDF',{FormName:$buttonData},function(data) { 

     $('#RepResponse3').html(data); 

       }); 

      }); 

     });   

    </script> 

<table> 

      <TR> 
      <TD> 
       <input type='button' id='stag<%=count++%>' name='StatusAll' value='HIST62083'> 
      </TD> 
      <TD> 
       <input type='hidden' id='ctag<%=count++%>'' name='Ctrl_No' value='34231'> 
      </TD> 
      <TR> 
</table> 

Answer 1

は、別の変数を追加するには、あなたのポストのリクエストパラメータを変更し

。 2番目のパラメータはマップで、複数のkey：valueのペアを送信するために使用できます。

var secondData = $("input[name=Ctrl_No]").val(); //Get the value by Name 
$.post('https://172.16.101.120/servlet/AppQueOpenPDF', {FormName:$buttonData, Ctrl_no:secondData}, function(data) { 
    $('#RepResponse3').html(data); 

}); 

Answer 2

また..すべてのフォーム/テーブル/どんな要素を取得し、それらを送信します、次のように働いた

$(document).ready(function() { 
    $('#submit').on('click', function() { 
     $.post("https://172.16.101.120/servlet/AppQueOpenPDF", $('table :input').serialize(), function(data) { 
      $('#RepResponse3').html(data); 
     }); 
    }); 
}); 

https://jsfiddle.net/xr0g58rL/