0

Всем привет. Столкнулся с такой проблемой: Есть у меня таблица, которая выводит данные из бд в цикле и в этом же цикле записывает. Посмотрите, как она выглядит:

    <?php
     $post = get_cargo();
     foreach ($post as $test): ?>
<form method="post" id="save" class="save">
<tr>
        <td><input type="text" name="del" value=""></td>
        <td><input type="hidden" name="id" value="<?=$test['id']?>"> </td>                           
        <td><input type="text" name="summa" value=""></td>
        <td><input type="text" name="logic" value=""></td>
        <button type="submit">Save</button>
</tr></form>
    <? endforeach: ?>

Это php-файл, который вносит данные в таблицу:

if(isset($_POST['save']))
{
$link->set_charset("utf8");
$id = (int)$_POST['id'];
$summa = (int)$_POST['summa'];
$del = (int)$_POST['del'];
$log = strip_tags(trim($_POST['logic']));
$mysql = "UPDATE Users SET logic='$log', sum='$summa', del='$del' WHERE id=$id";
$result = mysqli_query($link, $mysql);

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

$("#save").click(function(){
       $.ajax({
           type: "POST",
           'dataType': 'json',
           url: "test.php",
            data: {
               id: $('#id').val(),
               summa: $('#summa').val(),
               del: $('#del').val(),
               logic: $('#logic').val(),
               save: true,
           },
           success: function(data) {
               if(data['status'] == 'success'){
                   alert('Данные переданы');
               }
               else{
                   alert('Произошла ошибка!');
               }
           }
       });
    });
Если я правильно понял информацию, то мне нужно сделать форму и принимать данные по сабмиту формы.
Помогите, пожалуйста, разобраться, как мне это сделать правильно.
11
  • Вам нужен не клик по кнопке, а сабмит формы - api.jquery.com/submit
    – DaemonHK
    11 апр 2019 в 5:47
  • @DaemonHK я уже пробовал сменить клик на $(".save").submit(function() и ничего не изменилось.
    – myudasn
    11 апр 2019 в 5:50
  • Что у вас делает <tr> внутри формы?))
    – DaemonHK
    11 апр 2019 в 5:53
  • @DaemonHK я уже убрал форму внутрь tr. Только у меня всё равно ничего не хочет работать ¯(°_o)/¯. По нажатию кнопки оно срабатывало только для первой строки. С сабмитом не срабатывает вообще.
    – myudasn
    11 апр 2019 в 5:56
  • @DaemonHK ну логично что это часть таблицы, типа список редактируется (это видно по циклу)... У автора куча там дубликатов по id. Отсюда и косяки...
    – Manitikyl
    11 апр 2019 в 5:56

2 ответа 2

1

Ладно, чтобы у вопроса был ответ, и Дух не мучил потом поднятием пустого вопроса. Используйте событие submit у формы:

$("#save").submit(function(){
   $.ajax({
       type: "POST",
       'dataType': 'json',
       url: "test.php",
        data: {
           id: $('#id').val(),
           summa: $('#summa').val(),
           del: $('#del').val(),
           logic: $('#logic').val(),
           save: true,
       },
       success: function(data) {
           if(data['status'] == 'success'){
               alert('Данные переданы');
           }
           else{
               alert('Произошла ошибка!');
           }
       }
   });
});

Чтобы оно сработало вам нужно либо передать id формы в ваш button, либо использовать стандартный <input type="submit">

0

Я не тестил, но в теории должно быть как-то так:

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

Ах да, ну и добавьте доп.поле, измените:

<td><input type="hidden" name="id" value="<?=$test['id']?>"> </td>

на это:

<td>
    <input type="hidden" name="id" value="<?=$test['id']?>">
    <input type="hidden" name="save" value="true">
</td>

Хотя по мне, наличие save в логике вообще лишнее...


index.html:

<html>
<head>
    <meta charset="utf-8">
</head>
<body>
<form method="post" id="save" class="save">
    <tr>
        <td><input type="text" name="del" value=""></td>
        <td>
            <input type="hidden" name="id" value="123">
            <input type="hidden" name="save" value="true">
        </td>
        <td><input type="text" name="summa" value=""></td>
        <td><input type="text" name="logic" value=""></td>
        <button type="submit">Save</button>
    </tr>
</form>
<script
  src="https://code.jquery.com/jquery-3.4.0.min.js"
  integrity="sha256-BJeo0qm959uMBGb65z40ejJYGSgR7REI4+CW1fNKwOg="
  crossorigin="anonymous"></script>
<script type="text/javascript">
$(".save").submit(function(){
    $.ajax({
        type: "POST",
        dataType: 'json',
        url: "test.php",
        data: $(this).serialize(),
        success: function(response) {
            if (response['status'] == 'success') {
                alert('Данные переданы');
            } else {
                alert('Произошла ошибка!');
            }
        }
    })
    return false;
})
</script>
</body>
</html>

test.php:

<?php
echo json_encode(['status' => 'success']);
1

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими пользовательским соглашением, политикой конфиденциальности и политикой о куки

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