Собираем данные таблицы для отправки через Ajax

  • Vadim Tsukanov
    Разработчик
  • Дата публикации
    25.11.2020
  • Категория
    JavaScript
arrfilter AND
Задача:Собрать данные из таблицы и отправить их на обработку

Хоть я и занимаюсь в основном бэком, все-таки, иногда приходится пилить фронт, ну или не нанимать же человека,  ради пары задач.

По сути, тут никакого новаторства, но я запишу себе в качестве шпаргалки

<tr class="template user-group-info">
    <td data-label="№"></td>
    <td data-label="ФИО"><span class="tooltip-trigger"  data-tooltip="Укажите как в паспорте"></span><input class="user-group-fio" name="fio[]" type="text" value=""></td>
    <td data-label="Дата рождения"><input type="text" name="dob[]" class="user-group-dob" value=""></td>
    <td data-label="№ паспорта / ID"><input type="text" name="pass-id[]" value="" class="user-group-pass-id"></td>
    <td><a class="remove"></a></td>
</tr>

js код:

        var data = [];
        $('.user-group-info').each(function( index ) {
            let fio = $(this).find('.user-group-fio').val();
            let dob = $(this).find('.user-group-dob').val();
            let passportId = $(this).find('.user-group-pass-id').val();
                var obj={};
                obj.fio=fio;
                obj.dob=dob;
                obj.passid=passportId;
            data.push(obj);
        });

После чего шлем все через Ajax с параметрами

type: 'POST',
dataType: 'json',
data: {groupInfo: data},

Все, дальше пилим php код по потребностям.

Еще нет коммментариев. Будь первым!

Оформить заказ в Devstages