nickzhou99 2016-05-18 03:45 采纳率: 77.8%
浏览 5643

jqery dataTable请求获取到新数据后,表格不刷新

js代码

             var oTable = $('#sample_editable_1').dataTable({
                "aLengthMenu": [
                    [5, 15, 20, -1],
                    [5, 15, 20, "All"] // change per page values here
                ],
                // set the initial value
                "iDisplayLength": 15,
                "sDom": "<'row-fluid'<'span6'l><'span6'f>r>t<'row-fluid'<'span6'i><'span6'p>>",
                "sPaginationType": "bootstrap",
                "oLanguage": {
                    "sLengthMenu": "_MENU_ 每页显示条数",
                    "oPaginate": {
                        "sPrevious": "上一页",
                        "sNext": "下一页"
                    }
                },
                "aoColumns" : [{
                    'mDataProp' : "clazzName",
                    'sDefaultContent':''
                },{
                    "mDataProp" : "course.courseName",
                    'sDefaultContent':''
                },  {
                    "mDataProp" : "teacher.userName",
                    'sDefaultContent':''
                } , {
                    "mDataProp" : "laboratory.labName",
                    'sDefaultContent':''
                } , {
                    "mDataProp" : "",
                    'sDefaultContent':'',
                    "fnRender"  : function(o,val){
                        return "<a class='edit' href='javascript:;'>编辑</a>"
                    }
                },  {
                    "mDataProp" : "id",
                    'sDefaultContent':'',
                    "fnRender"  : function(o,val){
                        return "<a class='delete' href='javascript:;'>删除</a><input id='saveId' type='hidden' value=\""+val+"\">"
                    }
                }],
                "bProcessing":false,
                "bServerSide":true,
                'sAjaxDataProp': 'aaData',
                "sAjaxSource":"/labAdmin/getClazzList?labId="+labId,
                "fnServerData":function ( sSource,aoData, fnCallback) {
                    $.ajax({
                        url : sSource,//这个就是请求地址对应sAjaxSource
                        data : {"aoData":JSON.stringify(aoData)},//这个是把datatable的一些基本数据传给后台,比如起始位置,每页显示的行数
                        type : 'post',
                        dataType : 'json',
                        async : false,
                        success :fnCallback,
                        error : function(msg) {
                        }
                    });
                }
            });

页面刷新后的情况:
图片说明
页面刷新后请求返回情况:(共6条)
图片说明

在即时模糊框里输入查询信息后的请求返回情况:(可以看到只有两条)
图片说明
但是表格并没有刷新:图片说明

  • 写回答

1条回答 默认 最新

  • Go 旅城通票 2016-05-18 03:53
    关注
                        async : false,
                        success :success :fnCallback,///你这里没报错?
    
    评论

报告相同问题?

悬赏问题

  • ¥15 孟德尔随机化结果不一致
  • ¥15 apm2.8飞控罗盘bad health,加速度计校准失败
  • ¥15 求解O-S方程的特征值问题给出边界层布拉休斯平行流的中性曲线
  • ¥15 谁有desed数据集呀
  • ¥20 手写数字识别运行c仿真时,程序报错错误代码sim211-100
  • ¥15 关于#hadoop#的问题
  • ¥15 (标签-Python|关键词-socket)
  • ¥15 keil里为什么main.c定义的函数在it.c调用不了
  • ¥50 切换TabTip键盘的输入法
  • ¥15 可否在不同线程中调用封装数据库操作的类