jQuery   发布时间:2022-04-19  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了jquery datatable ajax 获取数据/重新加载大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
table
<table class="table table-Striped table-bordered table-hover "  style="width: 100%;"
                                               id="table1">
                    <thead>
                    <tr>
                            <th>名</th>
                            <th>类型</th>
                            <th>是否为空</th>
                            <th>认值</th>
                            <th>备注</th>
                    </tr>
                    </thead>

                    <tbody>

                    </tbody>

</table>

js

data:
{
"data":[
    {"1":1,"2":2,"3":3,"4":4,"5":5,},{"1":1,}
]
}
$.getJSON(url,function (data,textStatus) {

                    $("#table1").dataTable().fnDestroy();

                    var data1 = data[‘data‘]

                    $(‘#table1‘).DataTable({
                        data: data1,columns: [
                            {data: ‘1‘},{data: ‘2‘},{data: ‘3‘},{data: ‘4‘},{data: ‘5‘}
                        ],"oLanguage": {
                            "sLengthMenu": "每页显示 _MENU_ 条记录","sZeroRecords": "对不起,查询不到任何相关数据","sInfo": "当前显示 _START_ 到 _END_ 条,共 _@R_525_10586@L_条记录","sInfoEmtpy": "找不到相关数据","sInfoFiltered": " 数据表中共为 _MAX_ 条记录","sProcessing": "正在加载中...","sSearch": "搜索","oPaginate": {
                                "sFirst": "第一页","sPrevIoUs": " 上一页 ","sNext": " 下一页 ","sLast": " 最后一页 "
                            }
                        },dom: ‘<"html5buttons"B>lTfgitp,‘,{#"order": [[0,‘desc‘]],#}
                        "ordering": false,// 禁止排序
                        buttons: [‘copy‘,‘csv‘,‘excel‘]
                    });
                });

大佬总结

以上是大佬教程为你收集整理的jquery datatable ajax 获取数据/重新加载全部内容,希望文章能够帮你解决jquery datatable ajax 获取数据/重新加载所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。