Jquery datatables 刷新数据源、自动刷新、异步刷新表格数据方法

  • 描述

    通常为了更好的体验和效率,表中显示的数据一般在服务器端异步更新,与此同时表格中数据也需要异步获取服务器端最新数据。该方法(ajax.reload)此时很有用,它能够重新加载表格中数据,显示服务端最新的数据。 这种方法默认会直接从之前的URL中通过Ajax获取数据,当然你也可以自己修改刷新时使用的URL(使用 ajax.url() )。【IP21.cn

    类型

    function ajax.reload( callback, resetPaging )

    参数:
Name
Type
Optional
1 callback function Yes - default:null
  函数执行时,数据如表完全被加载,重绘。 函数给出了一个参数,返回的JSON数据服务器,并预计没有回报。
2 resetPaging boolean Yes - default:true
重置(默认 true )或保存当前页面位置( false )。 完整的重新排序和对执行调用此方法时,这就是为什么分页重置默认动作。
  • 例子

    重新加载表数据每30秒(分页重置):【IP21.cn

    var table = $('#example').DataTable( {
        ajax: "data.json"
    } );
     
    setInterval( function () {
        table.ajax.reload();
    }, 30000 );

    重新加载表数据每30秒(分页留存): 【IP21.cn

    var table = $('#example').DataTable( {
        ajax: "data.json"
    } );
     
    setInterval( function () {
        table.ajax.reload( null, false ); // user paging is not reset on reload
    }, 30000 );

    使用回调函数来更新外部元素:【IP21.cn

    var table = $('#example').DataTable();
     
    table.ajax.reload( function ( json ) {
        $('#myInput').val( json.lastInput );
    } );

    官网api链接:[mdc_adfly url="http://datatables.net/reference/api/ajax.reload()" target="_blank" label_type="text" label="点击进入(右上角跳过广告)" domain="q.gs" ad_type=""]

抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址