Want to get Page number using Datatable jQuery function but it generate Typeerror

Question

// 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 is not a function[Learn More] admin_product:2774:14 editProduct http://localhost/healthvit-new/admin_product:2774:14 onclick

$(...).DataTable is not a function . Did you define datatable.js? — Ryuk Lee, May 02 '18 at 04:01
share screenshot like https://snag.gy/dqN7mM.jpg. You can use https://snag.gy/ for sharing. — Eugine Joseph, May 02 '18 at 04:27
Code : https://snag.gy/MgyuEw.jpg Error : https://snag.gy/qVwBHj.jpg — Jaykumar Panchal, May 02 '18 at 04:33

Eugine Joseph · Accepted Answer · 2018-05-02T06:50:56.423

Check this:

The error was occured when the datatable function is called before the script is loaded correctly or completely.

The below function will call the script, when the function is not found.

   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) {
                          }
                       });
                    }
                 }
         );
      }
   }

score 0 · Answer 2 · answered May 02 '18 at 04:02

0

Without seeing the rest of your code, I can only guess that you forgot to include the DataTable library, or only have the CSS. You can find instructions on DataTable's website .

answered May 02 '18 at 04:02

slaughtr

536
5
17

the code i am trying that got from DataTable website. this code create problem when i'm using $.post() or $.ajax() methods. – Jaykumar Panchal May 02 '18 at 04:10

Want to get Page number using Datatable jQuery function but it generate Typeerror

2 Answers2