jq:使用dataTable插件无法重复请求问题

在项目中使用dataTable插件来实现表格,但是在进行tabs切换时,dataTable不能够重复发起请求

function getList(type) {
     
            Config.grid = new Datatable();
            Config.grid.init({
                src: $("#tableTeacherQA"),
                onSuccess: function (grid) {
                },
                onError: function (grid) {
                    console.log(grid,555)
                },
                dataTable: { // here you can define a typical datatable settings from http://datatables.net/usage/options
                    lengthMenu: [
                        [20, 50, 100, 150],
                        [20, 50, 100, 150] // change per page values here
                    ],
                    pageLength: 20, // default record count per page
                    ajax: {
                        url: "请求地址",
                        data: { ReasonType: type},
                        type: "POST",
                        cache: false,
                        dataType: "json"
                    },
                    columns: [

                        {
                            data: 'ID',
                            render: function (data, meta, row) {
                                console.log(data)
                                //if (row.RiskType == 0) {
                                return '<input type="checkbox" class="teachCheck" data-value="' + row.TUID + '" data-type="' + row.CheckTypeName+'" onchange="changeCheck(event,this)" name="che" value="' + data + '" class="checkPaypalClass">';
                            //    } else {
                            //        return '';
                            //    }
                            },

                            "orderable": true   //排序
                        },
                    
                    

                    ],
                    language: { // language settings
                        "lengthMenu": "&nbsp;<span class='seperator'>|</span>&nbsp;每页显示 _MENU_",
                        "info": "&nbsp; 记录总数: _TOTAL_",
                        "emptyTable": "Not Found Result",
                        "infoEmpty": "",
                        destroy: true
                    }
                }
            });
        
    }
    解决办法:
在tabs切换的时候先将这个dataTable销毁,可以重复提交了
$("#tableTeacherQA").dataTable().fnDestroy();

Guess you like

Origin blog.csdn.net/fankse/article/details/118387925