php - How To Pass Dynamically Added Table Rows Form Values to Javascript Using Post to Send Database -

i using laravel.

i have dynamic rows , each row has own form individual values.

i trying pass each row form values when submit button javascript. retrieve data in server.i don't want refresh page because using modal.

here code

<table id="selectedwagestable" class="display" cellspacing="0" width="100%"> <thead>     <tr>         <th>worker</th>         <th>balance</th>         <th>confirm</th>     </tr> </thead> <tbody> @foreach($items $item)     <tr>         <td class="standarttable2">             <?php echo $item['worker_id'] ?>         </td>           <td class="standarttable2">             £ <?php echo $item['balance'] ?>         </td>          <td class="standarttable2">  {{ form::open(['id'=>item['workerid'],'name' => item['workerid']]) }}                 {{ form::hidden('workerid', $item['workerid'],['id' => $item['workerid'])}}                 {{ form::hidden('balance', $item['balance'],['id' => $item['balance']])}}                 {{ form::submit('click confirm',                                      array(                                         'class'=>'btn btn-sm btn-success',                                         'id'=>'submitbutton',                                         'oncontextmenu'=>'return false',                                         )) }} {{ form::close() }}          </td>     </tr>     @endforeach   </tbody> 

script

<script type="text/javascript"> $(document).ready(function(){      $("#submitbutton").click(function(e){         e.preventdefault();         $.get('hpoaccounts',function(data){             console.log(data);         });     });      $("#submitbutton").click(function(e) {         e.preventdefault();          var workerid = $('#workerid').val();         var balance = $('#balance').val();          $.post('hpoaccounts',{             workerid:workerid,             balance:balance         },              function(response,status){             console.log(response);         });     }); }); 

what want achieve done using jquery library

since have several forms, need add submit listener of them ( $("form").submit ).

to prevent refresh need send data using ajax ( $.ajax ) , prevent default submit behavior ( e.preventdefault() ).

note add listeners forms after html document ready ( $(document).ready ).

below code should work after provide post url.

$(document).ready(function() {      $("form").submit(function(e){          var formdata = $(this).serializearray();          $.ajax({              url : 'your post resource', // put here url resoruce want post data              type: "post",             data : formdata,             success:function(data, textstatus, jqxhr)              {                 alert('do after data sent!');             },             error: function(jqxhr, textstatus, errorthrown)              {                 alert('there error!');             }         });          e.preventdefault(); //prevent default action prevent refresh     }); });