【问题标题】:loading data from database to datatable through Ajax通过Ajax将数据从数据库加载到数据表
【发布时间】:2019-06-30 04:11:48
【问题描述】:

我正在尝试从我的数据库中填充我的数据表,但我没有通过 ajax。

因此,我的页面充电速度非常慢,我无法充电超过 10000 行

允许的内存大小为 134217728 字节已用尽

我想对我的页面进行分页并通过 ajax 发送页面需求的结果,但我有点迷茫,不知道该怎么做

我的 HTML 代码:

<!-- /.panel-heading -->
<div class="panel-body" >
  <table id="example" class="table table-striped table-bordered" style="width:100%">
    <thead>
      <tr>
        <th>ID Commande</th>
        <th>Date Commande</th>
        <th>Numéro de commission</th>
        <th>Année</th>
        <th>Marque</th>
        <th>Modèle</th>
        <th>Finition</th>

      </tr>
    </thead>
    <tbody>

      @foreach($Commandes as $Commande)
      <tr>
        <td>{{$Commande->RECID_NADIN}}</td>
        <td>{{$Commande->DATE_DOCUMENT_CMD_ACHAT_FRS}}</td>
        <td>{{$Commande->Num_Commission_NADIN}}</td>
        <td>{{$Commande->Annee}}</td>
        <td>{{$Commande->CodeMarque}}</td>
        <td>{{$Commande->CodeModele}}</td>
        <td>{{$Commande->CodeFinition}}</td>


      </tr>
      @endforeach

    </tbody>

  </table> <!-- /.table-responsive -->

我的 JS 代码:

// Les buttons de la table

$(document).ready(function() {

  var table = $('#example').DataTable( {
  lengthChange: false,
  buttons: [ 'copy', 'excel', 'pdf', 'colvis' ]
  } );

  table.buttons().container()
  .appendTo( '#example_wrapper .col-sm-6:eq(0)' );

} );

和我的控制器代码

public function  index()
{
    $Commandes =  DB::connection('sqlsrv2')->table('Commande_nadine')->paginate(10000);

    return view('detailsCommandes',compact('Commandes'));
}

有人可以帮忙吗?

【问题讨论】:

  • 这是否适用于 paginate(15) 只是为了检查?
  • 正如@Mike 所说,您可以在控制器中添加paginate(15),然后根据从数据库中单击的页面按钮获取数据
  • @Mike 我已经在使用分页,但我正在修复的数字是发送要检索的行数
  • @SagarGautam 如何添加基于页面按钮的提取?
  • 你可以使用这个包github.com/freshbitsweb/laratables

标签: ajax laravel datatables


【解决方案1】:

对于数据表使用这个包yajra/laravel-datatables

生活变得更轻松了。 :)

【讨论】:

  • 这不是真正的答案,可能是评论
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2013-01-03
  • 1970-01-01
  • 2021-03-08
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多