想要使用Datatable jQuery函数获取页码,但它会生成Typeerror

时间:2018-05-02 03:57:16

标签: jquery datatables

// Page number of datatable
    var table = $('#example1').DataTable();
    var info = table.page.info();   
    pageNo = info.page+1;

    $.ajax({
        url:"<?=ADMIN_PRODUCT_EDIT?>",
        type:"post",
        async:"true",
        data:{pid:id,pageNo:pageNo},
        beforeSend:function(data){
            //alert(data);  
        },
        success:function(data){
            alert(data);
            $("#product_edit_form").html(data);
        },
        error:function(data){
            alert(data);
        },
    });
  

TypeError:$(...)。DataTable不是函数[了解更多]   admin_product:2774:14 editProduct   http://localhost/healthvit-new/admin_product:2774:14 onclick

2 个答案:

答案 0 :(得分:1)

检查一下:

在正确或完全加载脚本之前调用datatable函数时发生错误。

当找不到该功能时,下面的函数将调用脚本。

   function editProduct(id) {
      if (!$.fn.DataTable) {
         $.getScript('https://cdn.datatables.net/1.10.16/js/jquery.dataTables.min.js',
                 function (data, textStatus, jqxhr) {
                    if (jqxhr == 200) {
                       if ($.fn.DataTable.isDataTable('.no-ordering')) {
                          var table = $('#dtTable').DataTable();
                       } else {
                          var table = $('#dtTable').DataTable({
                             paging: false,
                             searching: false
                          });
                       }
                       /* var table = $('.no-ordering').DataTable(); */
                       var info = table.page.info();
                       pageNo = info.page + 1;


                       $.ajax({
                          url: "<?= $ADMIN_PRODUCT_EDIT ?>",
                          type: "post",
                          async: "true",
                          data: {pid: id, pageNo: pageNo},
                          beforeSend: function (data) {
                          },
                          success: function (data) {
                             $("#product_edit_form").html(data);
                          },
                          error: function (data) {
                          }
                       });
                    }
                 }
         );
      }
   }

答案 1 :(得分:0)

如果没有看到你的其余代码,我只能猜到你忘了包含DataTable库,或者只有CSS。您可以找到说明on DataTable's website