проблема с получением доступа к части URL с помощью jquery и php

Question

У меня проблема с доступом к отображению URL в display_table_content.php, чтобы отобразить данные в содержимом моей таблицы.Это работает найти, если я использую один PHP без JQuery и AJAX.

display_table_content.php

<input type="hidden" name="job_operation" id="job_operation1" value=""/>
<div id="post_details_data" class="tb_body_container"> </div>

url:display_table_content.php?jobs_name=www

JQUERY _ AJAX

$(document).ready(function(){
    fetch_user_data();

    function fetch_user_data() {

        var job_operation = "fetch";

        $.ajax({
            url:"get_table_content.php",
            method:"POST",
            data:{job_operation:job_operation},
            success:function(data) {
                $('#post_details_data').html(data);
                $('#tb_jobs').DataTable({
                    dom: 'lBfrtip',
                    responsive: true,
                    "processing":true,
                    buttons:[{
                        extend: 'csv',
                        exportOptions: {columns: [0, 1, 2, 3, 4]}
                    },
                        {
                            extend: 'pdf',
                            exportOptions: {columns: [0, 1, 2, 3, 4]}
                        },
                        {
                            extend: 'excel',
                            exportOptions: {columns: [ 0, 1, 2, 3, 4]}
                        },
                        {
                            extend: 'print',
                            exportOptions: {columns: [ 0, 1, 2, 3, 4]}
                        }],
                    "order":[],
                    "columnDefs":[{"targets":[0, 3, 4],"orderable":false}]
                });
            }
        });

    }

});

get_table_content.php

if(isset($_POST["job_operation"])) {

require_once("database.php");
$pdo = pdo_con();

if ($_POST["job_operation"] == "fetch") {

$user_name= $_GET['jobs_name']; <-- Error seems to be from here

    $fetch_data = "SELECT * FROM jobs j WHERE jobs_name = $user_name";

    $result_User = $pdo->prepare($fetch_data);
    $result_User->execute();

    $output = '<table id="tb_jobs" class="table table-bordered table-hover table-striped table-responsive-lg" >

    <thead class="thead-dark">

    <tr>
        <th width="60%">Job Details</th>
        <th width="15%">Company Name</th>
    </tr>
    </thead>';

    $output .= '<tbody>';

    while ($row = $result_User->fetch(PDO::FETCH_ASSOC)) {

        $name_text1= $row['aaa'];
        $name_text2= $row['ddd'];

        $output .= '
    <tr>
        <td>' .$name_text1. '</td>
        <td>' .$name_text2. '</td>

    </tr>';
    }

    $output .= '</tbody></table>';

    echo $output;

}

}

Если отображается только заголовок таблицы, я не могу извлечь содержимое таблицы из-за части 'get' в get_table_content.phpPHP страница

Answer 1

Если я не ошибаюсь, вы создаете HTML-таблицу в своем бэкэнде с помощью php, а затем используете DataTables для работы с созданной вами таблицей. Прежде всего DataTables может использовать ajax-запрос для получения содержимого из В вашем бэк-энде создан массив json, в котором говорится, что я думаю, что вы должны сделать это таким образом, так как с ним легче управлять будущими изменениями, а также он позволит создавать таблицы во внешнем интерфейсе, что является наилучшим подходом, говоря, что я позволю вам пример, чтобы получить вашу таблицу таким образом:

Ваш HTML:

   <input type="hidden" name="userToFind" id="userToFind" value=""/>
   <br>
   <button id="btnSearch">Search Operations</button>
   <br>
    <div class="table-responsive" id="tableOperators" >
              <h2>Table Operators</h2>

             <table class="display dataTable" id="TablejobOperation"  >
               <thead>
                    <tr>
                        <th>Id</th>
                        <th>Operation</th>
                        <th>starts</th>
                        <th>ends</th>
                    </tr>
                </thead>
                <tfoot>
                    <tr>
                      <th>Id</th>
                        <th>Operation</th>
                        <th>starts</th>
                        <th>ends</th>
                    </tr>
                </tfoot>
              </table>

           </div>
            <br>

       </div>

Ваш php:

     if ($_POST["action"] == "SLC" && isset($_POST["user_name"])) {
         $user_name= $_POST["user_name"];
         $query = "SELECT * FROM jobs j WHERE jobs_name = $user_name";
         $command= $conn->prepare($query);
         $command->execute();
         $result= $command->fetchAll(PDO::FETCH_ASSOC);
         echo json_encode($result,JSON_UNESCAPED_UNICODE);
        }

JavaScript-таблица данных:

  var jobOperation= $('#TablejobOperation').DataTable({
                           "destroy": true,
                           "responsive":{
                             "details": {
                             renderer: function ( api, rowIdx, columns ) {
                               var data = $.map( columns, function ( col, i ) {
                                 return col.hidden ?
                                   '<tr data-dt-row="'+col.rowIndex+'" data-dt-column="'+col.columnIndex+'">'+
                                     '<td>'+col.title+':'+'</td> '+
                                     '<td>'+col.data+'</td>'+
                                   '</tr>' :
                                   '';
                               } ).join('');

                               return data ?$('<table/>').append( data ) :false;
                             }
                           }
                         },
                           "autoWidth": false,
                                 "ajax": {
                                     "url": 'some.php',
                                     "method": 'POST',
                                     data:{action:"SLC", user_name:username }
                                 },
                                 "columns": [
                                     {"data": "id"},
                                     {"data": "job_operation"},
                                     {"data": "type"},
                                     {"data": "starts"},
                                     {"data": "ends"}
                                 ],
                                 "language":{"url": "//cdn.datatables.net/plug-ins/1.10.15/i18n/Spanish.json"},
                                   "columnDefs": [
                                     {
                                       "className": "dt-center", "targets": "_all"
                                      }
                                   ]
                             });

Ваш стол попадает внутрь события клика:

 $("#btnSearch").on('click',function(){
    var username = $.trim($('#userToFind').val().replace(/\s+/g, ' '));
    var TablejobOperation = $('#tablaSeguros').DataTable();

   if ($.fn.DataTable.isDataTable("#TablejobOperation")) {
    TablejobOperation.destroy();
    $('#TablejobOperationtbody').remove();
     }
     //the datatable script from the top goes here
    })

Надеюсь, это поможет

Answer 2

Если я понял, чего ты хочешь: Эта строка не имеет смысла: $ user_name = filter_input (INPUT_GET, "www", FILTER_SANITIZE_STRING); <- Ошибка, кажется, отсюда </p>

Добавить в display_table_content.php:

 <input type="text" id="job_operation1" value=""/>
 <input type="text" id="user_name" value=""/>
 <script>
var jobrequest = new Object;
jobrequest.job_operation = $('#job_operation1').val();
jobrequest.user_name = $('#user_name').val();

$.ajax({
        url:"get_table_content.php",
        method:"POST",
        data:jobrequest,

В get_table_content.php:

$job_operation = $_POST["job_operation"];
$user_name = $_POST["user_name"];