Ошибка в ajax-запросе

@web2k99 · Регистрация: 02.04.2019

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

Файл printer.php, который вносит апдейт в бд.

PHP

<?php
require_once('db.php');
if(isset($_POST['printer']))
{
    global $link;
    $form_id = (int)$_POST['form_id'];
    $adress_register = strip_tags(trim($_POST['adress_register']));
    $SQL = "UPDATE Users SET adress_register='$adress_register' WHERE id='$form_id'";
    $result = mysqli_query($link, $SQL);
  }
?>

Ajax, который отправляет к нему данные из формы:

PHP

$('button[name="printer"]').on('click', function() {
    let $btn = $(this);   
    let id = $btn.closest('input').find('input[name="form_id"]').val(); // получаем id
    let adress = $btn.closest('input').find('input[name="adress_register"]').val(); // получаем адрес с инпута
    // формируем данные
    let data = {
        form_id: id,
        adress_register: adress,
    };
    $.ajax({
        type: "POST",
        url: "printer.php",
        data: data,
    }).done(function() {
        alert("Данные сохранены");
    });
    return false;
});

Сама форма:

HTML5

<form name="printer" method="post" action="printer.php">
<table border="0">
   <input type="hidden" name="form_id" value="<?=$users['id']?>">
   <tr><td>Имя</td><td><?=htmlspecialchars($users['name'], ENT_QUOTES)?></td></tr>
   <tr><td>Фамилия</td><td><?=htmlspecialchars($users['surname'], ENT_QUOTES)?></td></tr>
   <tr><td>Отчество</td><td><?=htmlspecialchars($users['second_name'], ENT_QUOTES)?></td></tr>
   <tr><td>Телефон</td><td><?=htmlspecialchars($users['phone'], ENT_QUOTES)?></td></tr>
   <tr><td>Дата рождения</td><td><?=htmlspecialchars($users['birth_date'], ENT_QUOTES)?></td></tr>     
   <tr><td>Адрес</td><td><input class="form-control" type="text" name="adress_register" value="<?=htmlspecialchars($users['adress_register'], ENT_QUOTES)?>"</td></tr>
   <tr><td>Комментарий</td><td><?=htmlspecialchars($users['comment'], ENT_QUOTES)?></td></tr>
   <tr><td>Сумма</td><td><?=htmlspecialchars($users['sum'], ENT_QUOTES)?></td></tr>
   <td><button type="submit" formmethod="post" name="printer" class="btn btn-xs btn-warning mb-3">Сохранить</button></td>
</table>
 </body>
</form>

Без ajax всё работает - данные заносятся в бд. С Ajax - только алерт выскакивает.

Добавлено через 8 минут
Памагити

@Lazy_Den · 06.04.2019, 16:19

web2k99, $btn.closest('input') - говорит, что нужно найти ближайший родительский элемент <input> у кнопки $btn. Как вы себе это представляете, а особенно с учетом вашей разметки?

Javascript

$('button[name="printer"]').on('click', function(e) {
  e.preventDefault();
  $.ajax({
    type: "POST",
    url: "printer.php",
    data: $(this).closest('form').serialize(),
    success: function() {
      alert("Данные сохранены");
    }
  });
});

@web2k99 · 06.04.2019, 16:23 **[ТС]**

Сообщение от Lazy_Den

$btn.closest('input') - говорит, что нужно найти ближайший родительский элемент <input> у кнопки $btn. Как вы себе это представляете, а особенно с учетом вашей разметки?

Вот я как раз насчёт этого и сомневался...
В ваш код мне нужно что-то добавить или что-то в нём поменять? т.к. он не сработал)

@Lazy_Den · 06.04.2019, 16:29

Сообщение от web2k99

В ваш код мне нужно что-то добавить или что-то в нём поменять?

Для начала, нужно заглянуть в консоль, т.к. возможно, что есть какие-то ошибки. Во-вторых, нужно убедиться в том, что данные "доходят до пункта назначения". т.е. проверить путь к файлу printer.php.

@web2k99 · 06.04.2019, 16:35 **[ТС]**

Сообщение от Lazy_Den

Для начала, нужно заглянуть в консоль, т.к. возможно, что есть какие-то ошибки. Во-вторых, нужно убедиться в том, что данные "доходят до пункта назначения". т.е. проверить путь к файлу printer.php.

В консоли выходит только "[Violation] 'load' handler took 2410ms".
Путь к файлу корректный, и если убрать ajax, оставить только printer.php, то данные вносятся в бд корректно.

@Lazy_Den · 06.04.2019, 16:37

web2k99, добавьте в файл printer.php в самом начале следующую строку:

PHP

1	file_put_contents('test_ajax.txt', var_export($_POST, 1));

Выполните запрос ajax-ом и после этого откройте файл test_ajax.txt. Что вы там видите?

@web2k99 · 06.04.2019, 16:40 **[ТС]**

Сообщение от Lazy_Den

Выполните запрос ajax-ом и после этого откройте файл test_ajax.txt. Что вы там видите?

Я там вижу

array (
)

@Lazy_Den · 06.04.2019, 16:43

Сообщение от web2k99

Я там вижу

Делаем вывод: данные не доходят. Опять откройте консоль, переключитесь в ней на закладку Network/Сеть, нажмите фильтр XHR. После этого, выполните запрос. Посмотрите статус запроса и передаваемые данные.

@web2k99 · 06.04.2019, 16:45 **[ТС]**

Сообщение от Lazy_Den

Посмотрите статус и данные запроса.

Не могу ссылку оставить на скриншот.
Request Method: POST
Status Code: 200 OK
Remote Address: 178.208.83.21:80
Referrer Policy: no-referrer-when-downgrade
Connection: keep-alive
Content-Length: 0
Content-Type: text/html; charset=utf-8
Date: Sat, 06 Apr 2019 13:44:09 GMT
Keep-Alive: timeout=5
Server: nginx
X-Powered-By: PHP/7.1.21
Accept: */*
Accept-Encoding: gzip, deflate
Accept-Language: ru-RU,ru;q=0.9,en-US;q=0.8,en;q=0.7
Connection: keep-alive
Content-Length: 0
Cookie: login=admin; password=admin
Host: baza-reg.site

@Lazy_Den · 06.04.2019, 16:50

web2k99, ссылка нам и не нужна. В первую очередь интересует статус запроса? Ну и сразу, как я уже говорил выше, можно проверить передаваемые данные.

Добавлено через 35 секунд

Сообщение от web2k99

данные запроса

Данные я тут не вижу. Каким браузером пользуетесь?

@web2k99 · 06.04.2019, 16:52 **[ТС]**

Сообщение от Lazy_Den

Каким браузером пользуетесь?

Chrome Версия 73.0.3683.86 (Официальная сборка), (64 бит)

Я просто правда не понимаю, в чём именно проблема, когда без ajax-a всё работает..

Попробовал в инспекторе firefox - там тоже в заголовках нет этих данные.

@fanatikus · 06.04.2019, 16:58

Сообщение от web2k99

if(isset($_POST['printer']))

кнопка, не передается на сервер

@Lazy_Den · 06.04.2019, 16:59

Сообщение от web2k99

Chrome

Данные можно увидеть ниже заголовков. Крутите вниз до "Form Data". Однако, меня смущает Content-Length: 0, если это из заголовка запроса, а не ответа.

Javascript

$('button[name="printer"]').on('click', function(e) {
  e.preventDefault();
  // Добавить временно вывод в консоль
  console.log($(this).closest('form').serialize());
 
  $.ajax({
    type: "POST",
    url: "printer.php",
    data: $(this).closest('form').serialize(),
    success: function() {
      alert("Данные сохранены");
    }
  });
});

Добавлено через 58 секунд

Сообщение от fanatikus

кнопка, не передается на сервер

Остальные данные всё равно должны были попасть при выводе в файл

@fanatikus · 06.04.2019, 17:03

Сообщение от Lazy_Den

Остальные данные всё равно должны были попасть при выводе в файл

остальные да, но запрос на добавления в базу не сработает

@web2k99 · 06.04.2019, 17:03 **[ТС]**

Сообщение от Lazy_Den

Однако, меня смущает Content-Length: 0, если это из заголовка запроса, а не ответа.

Это и в запросе и в ответе.

Сообщение от Lazy_Den

$('button[name="printer"]').on('click', function(e) {
* e.preventDefault();
* // Добавить временно вывод в консоль
* console.log($(this).closest('form').serialize());
$.ajax({
* * type: "POST",
* * url: "printer.php",
* * data: $(this).closest('form').serialize(),
* * success: function() {
* * * alert("Данные сохранены");
* * }
* });
});

Увидел ошибку, что у меня не загрузился favicon.
И пустой user message для этого скрипта с ajax.

Сообщение от Lazy_Den

"Form Data"

Такого вообще нет

@Lazy_Den · 06.04.2019, 17:08

Сообщение от fanatikus

но запрос на добавления в базу не сработает

Согласен, на это так же надо обратить внимание.

Сообщение от web2k99

Такого вообще нет

Вы хоть там смотрели? Скрин ниже.
И что консоль выводит console.log($(this).closest('form').serialize());?

@fanatikus · 06.04.2019, 17:12

Сообщение от Lazy_Den

$('button[name="printer"]').on('click', function(e) {
* e.preventDefault();
* $.ajax({
* * type: "POST",
* * url: "printer.php",
* * data: $(this).closest('form').serialize(),
* * success: function() {
* * * alert("Данные сохранены");
* * }
* });
});

этот код, прекрасно отрабатывает
изменить проверку в php и все будет ок

@Lazy_Den · 06.04.2019, 17:15

Сообщение от fanatikus

изменить проверку в php и все будет ок

Изменить нужно, но пока это проблему не решит, т.к.

Сообщение от Lazy_Den

добавьте в файл printer.php в самом начале следующую строку...
Что вы там видите?

Сообщение от web2k99

Я там вижу
array (
)

@web2k99 · 06.04.2019, 17:17 **[ТС]**

Сообщение от Lazy_Den

Вы хоть там смотрели? Скрин ниже.

Сообщение от Lazy_Den

И что консоль выводит c

@Lazy_Den · 06.04.2019, 17:25

web2k99, у вас кнопка точно внутри формы?

@web2k99 0 / 0 / 0 Регистрация: 02.04.2019 Сообщений: 36
	06.04.2019, 16:52 [ТС]	11
	Сообщение от Lazy_Den Каким браузером пользуетесь? Chrome Версия 73.0.3683.86 (Официальная сборка), (64 бит) Я просто правда не понимаю, в чём именно проблема, когда без ajax-a всё работает.. Попробовал в инспекторе firefox - там тоже в заголовках нет этих данные. 0

@fanatikus 1931 / 1522 / 703 Регистрация: 17.11.2012 Сообщений: 6,585
	06.04.2019, 17:03	14
	Сообщение от Lazy_Den Остальные данные всё равно должны были попасть при выводе в файл остальные да, но запрос на добавления в базу не сработает Миниатюры 0

@Lazy_Den 3325 / 2845 / 1423 Регистрация: 15.01.2014 Сообщений: 6,170
	06.04.2019, 17:15	18
	Сообщение от fanatikus изменить проверку в php и все будет ок Изменить нужно, но пока это проблему не решит, т.к. Сообщение от Lazy_Den добавьте в файл printer.php в самом начале следующую строку... Что вы там видите? Сообщение от web2k99 Я там вижу array ( ) 0

@web2k99 0 / 0 / 0 Регистрация: 02.04.2019 Сообщений: 36
	06.04.2019, 16:23 [ТС]	3
	Сообщение от Lazy_Den $btn.closest('input') - говорит, что нужно найти ближайший родительский элемент <input> у кнопки $btn. Как вы себе это представляете, а особенно с учетом вашей разметки? Вот я как раз насчёт этого и сомневался... В ваш код мне нужно что-то добавить или что-то в нём поменять? т.к. он не сработал) 0

@Lazy_Den 3325 / 2845 / 1423 Регистрация: 15.01.2014 Сообщений: 6,170
	06.04.2019, 16:29	4
	Сообщение от web2k99 В ваш код мне нужно что-то добавить или что-то в нём поменять? Для начала, нужно заглянуть в консоль, т.к. возможно, что есть какие-то ошибки. Во-вторых, нужно убедиться в том, что данные "доходят до пункта назначения". т.е. проверить путь к файлу printer.php. 0

@web2k99 0 / 0 / 0 Регистрация: 02.04.2019 Сообщений: 36
	06.04.2019, 16:35 [ТС]	5
	Сообщение от Lazy_Den Для начала, нужно заглянуть в консоль, т.к. возможно, что есть какие-то ошибки. Во-вторых, нужно убедиться в том, что данные "доходят до пункта назначения". т.е. проверить путь к файлу printer.php. В консоли выходит только "[Violation] 'load' handler took 2410ms". Путь к файлу корректный, и если убрать ajax, оставить только printer.php, то данные вносятся в бд корректно. 0

@web2k99 0 / 0 / 0 Регистрация: 02.04.2019 Сообщений: 36
	06.04.2019, 16:40 [ТС]	7
	Сообщение от Lazy_Den Выполните запрос ajax-ом и после этого откройте файл test_ajax.txt. Что вы там видите? Я там вижу array ( ) 0

@Lazy_Den 3325 / 2845 / 1423 Регистрация: 15.01.2014 Сообщений: 6,170
	06.04.2019, 16:43	8
	Сообщение от web2k99 Я там вижу Делаем вывод: данные не доходят. Опять откройте консоль, переключитесь в ней на закладку Network/Сеть, нажмите фильтр XHR. После этого, выполните запрос. Посмотрите статус запроса и передаваемые данные. 0

@web2k99 0 / 0 / 0 Регистрация: 02.04.2019 Сообщений: 36
	06.04.2019, 16:45 [ТС]	9
	Сообщение от Lazy_Den Посмотрите статус и данные запроса. Не могу ссылку оставить на скриншот. Request Method: POST Status Code: 200 OK Remote Address: 178.208.83.21:80 Referrer Policy: no-referrer-when-downgrade Connection: keep-alive Content-Length: 0 Content-Type: text/html; charset=utf-8 Date: Sat, 06 Apr 2019 13:44:09 GMT Keep-Alive: timeout=5 Server: nginx X-Powered-By: PHP/7.1.21 Accept: / Accept-Encoding: gzip, deflate Accept-Language: ru-RU,ru;q=0.9,en-US;q=0.8,en;q=0.7 Connection: keep-alive Content-Length: 0 Cookie: login=admin; password=admin Host: baza-reg.site 0

@Lazy_Den 3325 / 2845 / 1423 Регистрация: 15.01.2014 Сообщений: 6,170
	06.04.2019, 16:50	10
	web2k99, ссылка нам и не нужна. В первую очередь интересует статус запроса? Ну и сразу, как я уже говорил выше, можно проверить передаваемые данные. Добавлено через 35 секунд Сообщение от web2k99 данные запроса Данные я тут не вижу. Каким браузером пользуетесь? 0

@fanatikus 1931 / 1522 / 703 Регистрация: 17.11.2012 Сообщений: 6,585
	06.04.2019, 16:58	12
	Сообщение от web2k99 if(isset($_POST['printer'])) кнопка, не передается на сервер 0

@web2k99 0 / 0 / 0 Регистрация: 02.04.2019 Сообщений: 36
	06.04.2019, 17:03 [ТС]	15
	Сообщение от Lazy_Den Однако, меня смущает Content-Length: 0, если это из заголовка запроса, а не ответа. Это и в запросе и в ответе. Сообщение от Lazy_Den $('button[name="printer"]').on('click', function(e) { * e.preventDefault(); * // Добавить временно вывод в консоль * console.log($(this).closest('form').serialize()); $.ajax({ * * type: "POST", * * url: "printer.php", * * data: $(this).closest('form').serialize(), * * success: function() { * * * alert("Данные сохранены"); * * } * }); }); Увидел ошибку, что у меня не загрузился favicon. И пустой user message для этого скрипта с ajax. Сообщение от Lazy_Den "Form Data" Такого вообще нет 0

@Lazy_Den 3325 / 2845 / 1423 Регистрация: 15.01.2014 Сообщений: 6,170
	06.04.2019, 17:08	16
	Сообщение от fanatikus но запрос на добавления в базу не сработает Согласен, на это так же надо обратить внимание. Сообщение от web2k99 Такого вообще нет Вы хоть там смотрели? Скрин ниже. И что консоль выводит `console.log($(this).closest('form').serialize());`? Миниатюры 0

@fanatikus 1931 / 1522 / 703 Регистрация: 17.11.2012 Сообщений: 6,585
	06.04.2019, 17:12	17
	Сообщение от Lazy_Den $('button[name="printer"]').on('click', function(e) { * e.preventDefault(); * $.ajax({ * * type: "POST", * * url: "printer.php", * * data: $(this).closest('form').serialize(), * * success: function() { * * * alert("Данные сохранены"); * * } * }); }); этот код, прекрасно отрабатывает изменить проверку в php и все будет ок 0

@web2k99 0 / 0 / 0 Регистрация: 02.04.2019 Сообщений: 36
	06.04.2019, 17:17 [ТС]	19
	Сообщение от Lazy_Den Вы хоть там смотрели? Скрин ниже. Сообщение от Lazy_Den И что консоль выводит c 0

@Lazy_Den 3325 / 2845 / 1423 Регистрация: 15.01.2014 Сообщений: 6,170
	06.04.2019, 17:25	20
	web2k99, у вас кнопка точно внутри формы? 0