Как подключить ajax к форме с данными в цикле?

Question

[Марк]

Привет.
Я вывожу данные из бд в виде таблицы в цикле. У меня есть 4 кнопки. Три кнопки имеют своё значение и вносят его в бд. К ним я подключил ajax без проблем. Осталась проблема с последней кнопкной, которая должна делать submit формы. Вроде сделал всё по примерам, должно работать... Но не работает :(
Вот в такой таблице данные выводятся циклом:

<?php
  $post = get_test();
  foreach ($post as $test):
?>
<form method="post" id="save" class="save">
    <tr>
       <td><input type="text" id="delid" name="delid" value="<?=htmlspecialchars($users['delid'], ENT_QUOTES)?>"></td>
       <td><?=$test['id']?></td>
       <input type="hidden" id="form_id" name="form_id" value="<?=$test['id']?>">
       <td><?=htmlspecialchars($test['delivery_adress'], ENT_QUOTES)?></td>
       <td><?=htmlspecialchars($test['delivery_time'], ENT_QUOTES)?></td>
       <td><?=htmlspecialchars($test['name'], ENT_QUOTES)?></td>
       <td><?=htmlspecialchars($test['phone'], ENT_QUOTES)?></td>
       <td><input type="text" id="sum" name="sum" value="<?=htmlspecialchars($test['sum'], ENT_QUOTES)?>"></td>
       <td><input type="text"  id="logist" name="logist" value="<?=htmlspecialchars($test['logist'], ENT_QUOTES)?>"></td>
       <td><?=htmlspecialchars($test['comment'], ENT_QUOTES)?></td>
       <td><button type="submit">Save</button></td>
       <td><button type="button" name="delivery_status" value="4">Очист</button></td>
       <td><button type="button" name="delivery_status" value="1">Отдал</button></td>
       <td><button type="button" name="delivery_status" value="2">Отказ</button></td>       
        </tr></form>
<? endforeach; ?>

Вот такой код без ajax-а спокойно сохраняет все данные из формы в бд.

<?php
require_once('database.php');
$link->set_charset("utf8");
$form_id = (int)$_POST['form_id'];
$sum = (int)$_POST['sum'];
$delid = (int)$_POST['delid'];
$log = strip_tags(trim($_POST['logist']));
$SQL = "UPDATE Users SET logist='$log', sum='$sum', delid='$delid' WHERE id=$form_id";
$result = mysqli_query($link, $SQL);
echo json_encode(['status' => 'success']);
?>

И я написал вот такой ajax-запрос, который сначала работал только для первой итерации, но в итоге не работает вообще и я не пойму почему.

$("#save").submit(function(){
    e.preventDefault();
    $.ajax({
        type: "POST",
        dataType: 'json',
        url: "tost.php",
        data: $(this).serialize(),
        success: function(response) {
            if (response['status'] == 'success') {
                alert('Данные переданы');
            } else {
                alert('Произошла ошибка!');
            }
        }
    })
    return false;
})

Может подскажете что не так с этим кодом?

Comments

[Антон]

ID должен быть ОДИН, уникальный, используйте класс.
$(".save") и уберите с form id вообще

[Марк]

Антон, сделал. Так у кнопки теперь никакой реакции.

[irishmann]

Не совсем понял, При нажатии одной кнопки ты хочешь отправить все формы, или отправлять только ту форму, к которой эта кнопка относится?

[nastyskafomka]

?=htmlspecialchars

Что это? Точнее, почему там знак "="? У вас почти везде так.

[Марк]

irishmann, Эта кнопка находится внутри цикла. При нажатии я хочу отправить только одну форму, которая находится в этом цикле.

[Марк]

nastyskafomka, это сокращённый вариант записи <?php echo $a; ?>

[irishmann]

Марк, вечером гляну отпишусь

[Марк]

irishmann, мерси

[Марк]

irishmann, :(

[irishmann]

Марк, data-* атрибуты должны помочь

Answer 1

[Марк]

Рабочий код. Сделал через метод closest

$('button[name="save"]').on('click', function() {
    let $row = $(this).closest('tr');
    let data = $row.find('input').serialize();
    $.ajax({
        type: "POST",
        url: "tost.php",
        data: data
    }).done(function() {
        alert("Данные сохранены");
    });
    return false;
});