Как создать таблицы данных после ответа ajax jquery

#javascript #jquery #datatable #datatables #jquery-plugins

#javascript #jquery #datatable #таблицы данных #jquery-плагины

Вопрос:

У меня проблема, я хочу вызвать таблицы данных здесь после отправки данных с помощью ajax jquery, здесь мне трудно, потому что таблицы данных, которые я создам, являются серверными, для сценариев вызова на стороне сервера успешны, и если console.log (ответ) он придетвывод данных в соответствии с форматом таблиц данных следующим образом

 draw: null
recordsFiltered: 9
recordsTotal: 9
data:(9) [{..}] (and other)
  

это мой код для отправки данных

 var urlajax = "<?= $this->url->get($this->router->getControllerName() . '/ajaxbynip')?>";
    $("#btn-filter").click(function(){
        var data = $('#form-filter').serialize();
        $.ajax({
            url:urlajax,
            type:"get",
            data:data,
            success:function(response){
                console.log(response);
                //how can i create datatables server-side in here?
            }
        });
    });
  

я пытаюсь использовать этот код, но он не работает

 tabel = $('#ats-dt-basic-datatbles').DataTable({
                stateSave: true,
                "processing": true,
                "serverSide": true,
                "ordering": true,
                "order": [[ 0, 'asc' ]],
                "iDisplayLength": 50,
                "ajax":
                {
                    "url": urlajax,
                    "type": "POST"
                },
                "deferRender": true,
                "aLengthMenu": [[5, 10, 50],[ 5, 10, 50]],
                "columns": [
                    { "data": "no" },
                    { "data": "name" },
                    { "data": "PERAN" },
                    { "data": "action" },
                ],
            });
  

Ответ №1:

     $("#btn-filter").click(function(){
    var data = $('#form-filter').serialize();
    $.ajax({
        url:urlajax,
        type:"get",
        data:data,
        success:function(response){
            console.log(response);
            //you can try this one --> call a function or url with ajax 
            // ==>url can be a php file like createDB.php or any function url
            // write code in specific url or php file that call from ajax url for create a database according to your passing data
            
            $.ajax({
              url: url,
              type:"POST",
              data:response,
              success:function(response){
                 console.log(response);
          
              }
            });
         }
    });
});
  

Комментарии:

1. результатом моего первого ajax являются данные для создания таблиц данных, зачем мне снова нужен ajax в первом ответе?

2. хорошо, тогда вы можете использовать один ajax для создания базы данных. я прошел через первый ajax-вызов другого URL.