Laravel Datatables 从 GET 变量获取数据

Question

拉拉维尔 5.5

我有一个搜索视图，用户可以在其中输入text input字段来搜索表。该请求将 GET 变量发送到结果刀片上。

在结果刀片内部，有一个 Laravel ajax 表。https://datatables.yajrabox.com/

我不知道如何将 URL 中的 GET 变量传递给搜索 Laravel ajax 请求。

最终，我希望能够将$_GETLead_name、lead_phone 等传递给这个 ajax 请求。我怎样才能做到这一点？

这是页面底部的我的数据表脚本：

<script>
$(function() {
    $('.datatable').DataTable({
        processing: true,
        serverSide: true,
        ajax: {
            url: '{{ route('SearchResults') }}',
            method: 'GET'
        },
        columns: [
            { data: 'lead_name', name: 'leads.lead_name' },
            { data: 'lead_merchant_id', name: 'leads.lead_merchant_id'},
            { data: 'lead_address_city', name: 'leads.lead_address_city' },
            { data: 'lead_address_state', name: 'leads.lead_address_state' },
            { data: 'accountstatus_description', name: 'accountstatus.accountstatus_description' },
            { data: 'firstlast_name', name: 'name' }
        ],
        rowReorder: {
            selector: 'td:nth-child(0)' 
           },
        responsive: true
    });
});

如果我在搜索结果路由上运行 dd ：

public function SearchResults(request $request) {
    dd($request);
}

它不会返回任何先前的 GET 数据。

Answer 1

无需通过GET方法发送，您可以通过以下方式轻松使用POST方法：

您的页面上应该有一个包含 POST 方法和唯一 ID 的表单

<form method="POST" id="search-form" role="form">
      {{csrf_field()}}
      <input type="text" name="lead_phone">
</form>

在您的页面上，编写此 jquery 代码，该代码将在您提交表单时运行此代码

$(document).ready(function(){
    $('#search-form').on('submit', function(e) {
        table.draw();
        e.preventDefault();
    });
});

然后将以下代码用于您的 DataTable 部分

$(function() {
  var table = $('.datatable').DataTable({
    processing: true,
    serverSide: true,
    ajax: {
        url: '{{ route('SearchResults') }}',
        type: "post",
        data: function (d) {
              d.lead_phone = $('input[name=visited]').val();
              d._token = _token;
        },
    },
    columns: [
        { data: 'lead_name', name: 'leads.lead_name' },
        { data: 'lead_merchant_id', name: 'leads.lead_merchant_id'},
        { data: 'lead_address_city', name: 'leads.lead_address_city' },
        { data: 'lead_address_state', name: 'leads.lead_address_state' },
        { data: 'accountstatus_description', name: 'accountstatus.accountstatus_description' },
        { data: 'firstlast_name', name: 'name' }
    ],
    rowReorder: {
        selector: 'td:nth-child(0)' 
       },
    responsive: true
  });
});

如果数据是通过查询字符串发送的，则不需要 jquery 代码和表单，只需在 DataTable 部分写下以下代码

$(function() {
  var table = $('.datatable').DataTable({
    processing: true,
    serverSide: true,
    ajax: {
        url: '{{ route('SearchResults') }}',
        type: "post",
        data: function (d) {
              d.lead_phone = '{{$_GET['lead_phone']}}';
              d._token = '{{csrf_token()}}';
        },
    },
    columns: [
        { data: 'lead_name', name: 'leads.lead_name' },
        { data: 'lead_merchant_id', name: 'leads.lead_merchant_id'},
        { data: 'lead_address_city', name: 'leads.lead_address_city' },
        { data: 'lead_address_state', name: 'leads.lead_address_state' },
        { data: 'accountstatus_description', name: 'accountstatus.accountstatus_description' },
        { data: 'firstlast_name', name: 'name' }
    ],
    rowReorder: {
        selector: 'td:nth-child(0)' 
       },
    responsive: true
  });
});

然后获取发送给控制器的数据

public function DataTable(Request $request)
{
   $lead_phone = $request->get('lead_phone');
   .
   .
   .
}