依次提交所有页面的dataTable中的所有数据

Question

在这里我想将所有页面的dataTable中包含的所有数据提交到数据库，因为我已经这样编写了我的代码

 $('.sales_purchase_button').on('click', function(e){

  e.preventDefault();

    var sData = table.$('input').serialize();
    var theForm = $(this).closest('form');

        $.ajax({
            type: "POST",
            url: "<?php echo base_url();?>admin_control/add_sales_purchase",                
            data: sData,
            success: function(data){
                console.log($('#sales_purchase').serialize());

            }
        });
        e.preventDefault(); 

    }); 

数据正在插入，但问题是当我从任何显示页面单击提交按钮时，值是从病房而不是从第一页插入的。我想从病房的第一页插入。

我的html页面是这样的

<form id="sales_purchase"  method="POST">
          <table id="myTableinvoice" class="table table-bordered table_repo">
                      <thead class="thead-light">
                      <tr>
                      <th>Client</th>
                      <?php foreach($months as $month){?>
                        <th><?php echo $month->format("M-Y");?>(Sales)</th>

                       <?php } ?>
                       <!--<th>Total sale</th>-->
                       <?php foreach($months as $month){?>
                        <th><?php echo $month->format("M-Y");?>(Purchase)</th>

                       <?php } ?>
                       <?php foreach($months as $month){?>
                       <th><?php echo $month->format("M-Y");?>(Expenses)</th>
                       <?php } ?>
                      </tr>
                </thead>
                <tfoot>
                     <tr>
                    <th>Client</th>
                    <?php foreach($months as $month){?>

                        <th><?php echo $month->format("M-Y");?>(Sales)</th>

                       <?php } ?>
                       <!--<th>Total sale</th>-->

                       <?php foreach($months as $month){?>
                        <th><?php echo $month->format("M-Y");?>(Purchase)</th>

                       <?php } ?>
                       <?php foreach($months as $month){?>
                       <th><?php echo $month->format("M-Y");?>(Expenses)</th>
                       <?php } ?>
                    </tr>
                </tfoot>
                <tbody>
                   <?php $net_total=0;$br=0;$i=0; if(!empty($client_details)){
                       foreach ($client_details as $key => $client_detail) {

                         ?>
                        <tr class="tr" >
                        <td data-filter="<?= $client_detail->client_name;?>" nowrap><?php if($client_detail->client_name) echo $client_detail->client_name; else echo "NULL";?></td>
                        <input type="hidden" id="hidden_client_id" name="hidden_client_id[]" value="<?= $client_detail->id;?>">
                        <input type="hidden" id="client_id" name="client_id<?php echo $i;?>[]" value="<?= $client_detail->id;?>">

                        <?php foreach($months as $month){?>

                        <input type="hidden" class="" name="months<?php echo $i;?>[]" value="<?php echo $month->format("M");?>" >
                        <input type="hidden" class="" name="year<?php echo $i;?>[]" value="<?php echo $month->format("Y");?>" >
                        <td><input type="text" class="sales_amount" name="sales_amount<?php echo $i;?>[]" ></td>

                        <?php } ?>
                        <!--<td><input type="text" readonly="readonly" class="total_sale" name="total_sale<?php echo $i;?>" ></td>-->
                       <?php foreach($months as $month){
                           ?>

                        <td><input type="text" class="sales_amount" name="purchase_amount<?php echo $i;?>[]"></td>

                       <?php } ?>
                       <?php foreach($months as $month){?>
                       <td><input type="text" name="expense_amount<?php echo $i;?>[]"></td>
                       <?php } ?>




            </tr>

                    <?php $i++;  }
                   } ?>









                </tbody>

            </table>
            <div class="form-group" style="margin-top: 20px">

            <input type="hidden" name="group" id="group" value="<?php echo $group;?>">
            <input type="button" id="sales_purchase_button" class="btn btn-primary sales_purchase_button" style="font-weight: bold" value="Create" />
            <p><button>Submit</button></p>

        </div>
        </form>

Answer 1

序列化整个表单

 var sData = $(this).closest('form').serialize();

Answer 2

我为你创建了一个 JSFiddle。以下是javascript中的相关部分：

$(document).ready(function() {
    $('#example').DataTable();
} );

$( "#but" ).click(function() {
     var table = $('#example').DataTable();    
     var info = table.page();
     console.log(info);
     table.page("first").draw("page");
     var allData = table.rows().data();
     var proof = allData.$('input').serialize();  
     table.page(info).draw("page"); 
     console.log(proof);
});   

完整的 JSFiddle here。

是简陋的例子，但我试图模拟你的环境。运行并观察控制台日志。我可以捕获表格所有行的所有输入形式。