0

сделал таблицу используя datatable, хочу сделать поиск для каждого столбца, но не знаю, как передавать данные из полей типа input в мой php скрипт. Подскажите плс.

    <!DOCTYPE html>
<html >
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta http-equiv="Content-Language" content="ru">
    <link rel="stylesheet" type="text/css" href="DataTables/datatables.min.css">
    <script type="text/javascript" charset="utf8" src="DataTables/datatables.min.js"></script>

    
</head>
<body>
<table id='empTable' class='display dataTable'>

  <thead>
    <tr>
            <td><input placeholder="" name='s_DocumentName' id='s_DocumentName' /></td>
            <td><input placeholder="" name='s_DocumentNumber' id='s_DocumentNumber' /></td>
            <td><input placeholder="" name='s_DocumnetFormat' id='s_DocumnetFormat' /></td>
            <td><input placeholder="" name='s_OriginalInventoryNumber' id='s_OriginalInventoryNumber' /></td>
            <td><input placeholder="" name='s_OriginalDataSupplay' id='s_OriginalDataSupplay' /></td>
            <td><input placeholder="" name='s_DuplicationInventoryNumber' id='s_DuplicationInventoryNumber' /></td>
            <td><input placeholder="" name='s_DuplicationDataSupplay' id='s_DuplicationDataSupplay' /></td>
            <td><input placeholder="" name='s_DesignationApplicability' id='s_DesignationApplicability' /></td>
            <td><input placeholder="" name='s_CypherApplicability' id='s_CypherApplicability' /></td>
            <td><input placeholder="" name='s_ForMarks' id='s_ForMarks' /></td>
            <td><input placeholder="" name='s_Letter' id='s_Letter' /></td>
        </tr>
        

    <tr>
        <th><b>Наименование</b></th>
        <th><b>Номер документа</b></th>
        <th><b>Формат</b></th>
        <th><b>Подлинник<br>Инвентарный номер</b></th>
        <th><b>Подлинник<br>Дата поступления</b></th>
        <th><b>Дубликат<br>Инвентарный номер</b></th>
        <th><b>Дубликат<br>Дата поступления</b></th>
        <th><b>Применяемость<br>Обозначение</b></th>
        <th><b>Применяемость<br>Шифр индекса изделия</b></th>
        <th><b>Для отметок</b></th>
        <th><b>Литера</b></th>
    </tr>
    </thead>

</table>
</body>
</html>
<script>
$(document).ready(function(){
 $('#empTable').DataTable({
  'processing': true,
  'serverSide': true,
  "lengthMenu": [[10, 25, 50, 1000000000], [10, 25, 50, "All"]],
  "pageLength": 25,
    dom: 'lfBrtip',
    buttons: [
        'excelHtml5'
    ],
    language: {
                  "processing": "Подождите...",
                  "search": "Поиск:",
                  "lengthMenu": "Показать _MENU_ записей",
                  "info": "Записи с _START_ до _END_ из _TOTAL_ записей",
                  "infoEmpty": "Записи с 0 до 0 из 0 записей",
                  "infoFiltered": "(отфильтровано из _MAX_ записей)",
                  "infoPostFix": "",
                  "loadingRecords": "Загрузка записей...",
                  "zeroRecords": "Записи отсутствуют.",
                  "emptyTable": "В таблице отсутствуют данные",
                  "paginate": {
                    "first": "Первая",
                    "previous": "Предыдущая",
                    "next": "Следующая",
                    "last": "Последняя"
                  },
                  "aria": {
                    "sortAscending": ": активировать для сортировки столбца по возрастанию",
                    "sortDescending": ": активировать для сортировки столбца по убыванию"
                  },
                  "select": {
                    "rows": {
                      "_": "Выбрано записей: %d",
                      "0": "Кликните по записи для выбора",
                      "1": "Выбрана одна запись"
                    }
                  }
                },
  'serverMethod': 'post',
  'ajax': {
      'url':'back_2.php'
  },
  'columns': [
    
     { data: 'DocumentName' },
     { data: 'DocumentNumber' },
     { data: 'DocumnetFormat' },
     { data: 'OriginalInventoryNumber' },
     { data: 'OriginalDataSupplay' },
     { data: 'DuplicationInventoryNumber' },
     { data: 'DuplicationDataSupplay' },
     { data: 'DesignationApplicability' },
     { data: 'CypherApplicability' },
     { data: 'ForMarks' },
     { data: 'Letter' },
  ],
 
  
      });
    });
</script>
7
  • 'url':'back_2.php?field1=Text&field2=Text'?
    – u_mulder
    29 июн 2020 в 10:28
  • @u_mulder а как вместо текст вписать данные из input'а, я пытался через $('#s_DocumentName').val(); но не выходит
    – findley
    29 июн 2020 в 11:09
  • 'url':'back_2.php?field1=' + $('#id1').val() + '&field2=' + $('#id2').val()
    – u_mulder
    29 июн 2020 в 11:11
  • @u_mulder что-то я не подумал, что мне нужно, чтобы при вводе данных в input помимо передачи данных, вызывался мой php скрипт при помощи ajax и данные в отображаемой таблице фильтровались
    – findley
    29 июн 2020 в 11:27
  • @u_mulder я смог добавить функцию в ajax: 'ajax': { 'url':'back_2.php', data : function ( d ){ d.custom = $('#s_DocumentName').val(); },
    – findley
    29 июн 2020 в 11:29

2 ответа 2

0
dataTableParams.ajax.data = function(p) {
    p.postvar = $('input[name=email]').val();
};

Вот пример из предыдущего проекта, дальше додумать не сложно.

0

Не стоит усложнять. Вы можете все значения input передать с помощью метода serialize().

$.ajax({
    data: $("").serialize(),
    ...остальное
});

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.