Обновление данные в DataTables через ajax

@BenWade · Регистрация: 05.03.2015

Студворк — интернет-сервис помощи студентам

Здравствуйте!
Использую таблицу DataTables и реализую обновление данные через настройку serverSide. При этом через ajax передаю на сервер кроме стандартных данных еще и свои - значения из select. Соответственно при изменении значений select обновляю таблицу с помощью команды: table1.ajax.reload(). Все работало как надо до тех самых пор пока один из select стал select multiple. После этого обработать на сервере переданные через ajax с браузера данные не получается. Как выйти из создавшейся ситуации? Буду очень благодарен за помощь!
Код у меня сейчас такой:

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
            <select name="select_1" id="id_select_1" class="selectpicker form-control show-tick" data-width="100%" title="Поиск по...">
                <option>МТУ</option>
                <option>ЭО</option>
                <option>ИЯУ</option>
            </select>
                <select name="select_2" id="id_select_2" class="selectpicker form-control show-tick" data-width="100%" data-size="10" data-live-search="true" title="Введите значение..." disabled></select>
                <select name="select_3" id="id_select_3" class="selectpicker form-control" data-width="100%" data-size="10" data-live-search="true" data-actions-box="true" data-header="Выберите МТУ" multiple title="МТУ">
                    {% for elem in list_mtu %}
                    <option value="{{ elem.ust__org__reg__mtu__krat }}">{{ elem.ust__org__reg__mtu__krat }}</option>
                    {% endfor %}
                </select>
        <table id="nar_tab" class="table table-bordered table-condensed table-hover">
            <thead>
            <tr>
                <th style="width: 5%">№</th>
                <th style="width: 5%">ИЯУ</th>
                <th style="width: 10%">Дата нарушения</th>
                <th style="width: 50%">Название нарушения</th>
                <th style="width: 10%">Категория нарушения</th>
                <th style="width: 10%">Непосредственная причина отказа</th>
                <th style="width: 10%">Коренная причина отказа</th>
            </tr>
            </thead>
        </table>

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
<script type="text/javascript">
$(document).ready(function() {
    var table1 = $('#nar_tab').DataTable( {
        processing: true,
        serverSide: true,
        ajax: {
            url: "{% url 'dt_ajax' %}",
            data: function( d ) {
                d.select_1 = $('#id_select_1').val();
                d.select_2 = $('#id_select_2').val();
                d.select_3 = $('#id_select_3').val();
            },
        },
        order: [[ 2, "desc" ]],
        pageLength: 10,
        lengthMenu: [ [10, 25, 50, 100, -1], [10, 25, 50, 100, "Все"] ],
        aaSorting : [[2, 'desc']],
        aoColumnDefs: [
            {
                sType : 'ru-date',
                aTargets : [2],
            }
        ],
        dom:
            "<'row'<'col-sm-6'l><'col-sm-6 text-right'B>>" +
            "<'row'<'col-sm-12'tr>>" +
            "<'row'<'col-sm-5'i><'col-sm-7'p>>",
        buttons: [
            {
                extend:    'excel',
                text:      '<i class="fa fa-file-excel-o"></i>',
                titleAttr: 'Сохранить в Excel'
            },
            {
                extend:    'pdf',
                text:      '<i class="fa fa-file-pdf-o"></i>',
                titleAttr: 'Сохранить в PDF'
            },
            {
                extend:    'print',
                text:      '<i class="fa fa-print"></i>',
                titleAttr: 'Печать'
            },
        ],
        language: {
            url: "//cdn.datatables.net/plug-ins/1.10.19/i18n/Russian.json"
        },
    });
 
})
</script>

@Уф · 19.07.2019, 00:16

подправь серверный скрипт, в коде который ты привел ничего не нужно исправлять

@BenWade · 19.07.2019, 11:54 **[ТС]**

Уф, да спасибо нашел ошибку у себя!

Новые блоги и статьи Все статьи Все блоги /
Символьное дифференцирование igorrr37 13.02.2026 / * Логарифм записывается как: (x-2)log(x^2+2) - означает логарифм (x^2+2) по основанию (x-2). Унарный минус обозначается как ! */ #include <iostream> #include <stack> #include <cctype>. . .	Камера Toupcam IUA500KMA Eddy_Em 12.02.2026 Т. к. у всяких "хикроботов" слишком уж мелкий пиксель, для подсмотра в ESPriF они вообще плохо годятся: уже 14 величину можно рассмотреть еле-еле лишь на экспозициях под 3 секунды (а то и больше),. . .	И ясному Солнцу zbw 12.02.2026 И ясному Солнцу, и светлой Луне. В мире покоя нет и люди не могут жить в тишине. А жить им немного лет.	«Знание-Сила» zbw 12.02.2026 «Знание-Сила» «Время-Деньги» «Деньги -Пуля»
SDL3 для Web (WebAssembly): Подключение Box2D v3, физика и отрисовка коллайдеров 8Observer8 12.02.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами и вызывать обработчики событий столкновения. . . .	SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 11.02.2026 Содержание блога Библиотека SDL3 содержит встроенные инструменты для базовой работы с изображениями - без использования библиотеки SDL3_image. Пошагово создадим проект для загрузки изображения. . .	SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL3_image 8Observer8 10.02.2026 Содержание блога Библиотека SDL3_image содержит инструменты для расширенной работы с изображениями. Пошагово создадим проект для загрузки изображения формата PNG с альфа-каналом (с прозрачным. . .	Установка Qt-версии Lazarus IDE в Debian Trixie Xfce volvo 10.02.2026 В общем, достали меня глюки IDE Лазаруса, собранной с использованием набора виджетов Gtk2 (конкретно: если набирать текст в редакторе и вызвать подсказку через Ctrl+Space, то после закрытия окошка. . .

@Уф 890 / 725 / 447 Регистрация: 13.07.2015 Сообщений: 2,277
	19.07.2019, 00:16
	Сообщение было отмечено BenWade как решение Решение подправь серверный скрипт, в коде который ты привел ничего не нужно исправлять 1

@BenWade 2 / 2 / 1 Регистрация: 05.03.2015 Сообщений: 191
	19.07.2019, 11:54 [ТС]
	Уф, да спасибо нашел ошибку у себя! 0

Обновление данные в DataTables через ajax

Решение