Laravel&Datatables：Ajax数据不刷新表与html选择的新ajax参数

Question

你能帮帮我吗？我正在使用 laravel 开发一个后端应用程序，我在其中使用数据表。情况是我正在从mailgun检索邮件列表，并希望返回该邮件列表中的用户。我正在使用 laravel 刀片中的 html select 标签，并希望通过将邮件列表作为参数发送到 ajax 请求来刷新数据表，但没有任何反应。我跟着这个问题

https://datatables.net/forums/discussion/30286/ajax-reload-is-not-sending-updated-params

下面是我的代码

拉

拉维尔刀片：

Mailing List: <select id="mailing-list">
                                @foreach($lists as $list)
                                       @if($list->address == '[e-mail]')
                                       <option selected="selected" value="{{$list->address}}">{{$list->address}}</option>
                                       @else
                                       <option value="{{$list->address}}">{{$list->address}}</option>
                                      @endif
                                @endforeach
                            </select>

数据表：

// get variable for mailing list
                    mailingListName = document.getElementById("mailing-list").value;
                    $('#mailing-list').change(function(){
                             table.ajax.reload();
                        });
                    // data table
                    var table = $('.data_Tables_wrapper').DataTable({
                                "bPaginate": true,
                                "bJQueryUI": true,
                                "iDisplayLength": 50,
                                "sPaginationType": "full_numbers",
                                "ajax": {
                                    url: 'lists/data',
                                    data: function ( d ) {
                                            return JSON.stringify( d.mail = mailingListName );
                                        }
                                    },
                                "order": [ 2 ],
                                "columns": [
                                    { data:"email", name: "email" },
                                    { data:"name", name: "name" },
                                    { data:"subscribed", name: "subscribed" }
                                ]
                            });

知道为什么数据表没有使用正确的数据刷新。

Answer 1

尝试将 ajax 对象中的 data 函数更改为如下所示的内容：

"ajax": {
    url: 'lists/data',
    data: function ( d ) {
            d.mail = mailingListName;
        }
    }
}

（查看数据表网站中的示例）

不过，我不知道服务器期望在"邮件"上提供什么样的数据。另外，请记住，数据表将此数据作为 GET 请求发送。

Answer 2

$('#table').dataTable().fnDestroy();
$('#table').dataTable( {
            "bDestory": true,
            bRetrieve: true});

b检索：检索现有数据表实例
bDestory：销毁与选择器匹配的任何现有表并替换为新选项。

但在数据表文档中，它变得"destroy": true, "retrieve": true，试一试...

Answer 3

感谢塞巴斯蒂安布和 fallen.lu 的回答。我发现了为什么在选择选项更改时没有加载数据。而不是将其放在更改事件之外。我应该把它放进去，我得到那个邮件列表的正确数据。

$('#mailing-list').change(function(){
                             mailingListName = document.getElementById("mailing-list").value;
                             table.ajax.reload();
                        });