Как переопределить значение, отправляемое формой на сервер

@INexteR · Регистрация: 25.01.2023

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

Приветствую. Есть форма с полями

HTML5
1
2
3
4
5
<label for="date">Дата:</label>
<input type="date" name="date" required>
...
<label for="client">Клиент:</label>
<input type="text" name="client" required readonly>

Во второе поле значение поступает из кода при выборе строки из таблицы. Но на сервере требуется получить id клиента, которое в поле не указывается. Значение id записываю в data атрибут этого же поля. По умолчанию на сервер отправляются данные из полей. Как передать на сервер id вместо текста из поля?

krvsa · 01.07.2024, 17:12

INexteR, как именно отправляется эта форма?

Если как-то "рукописно" - нужно в отправляемые данные добавить данные про то ИД.
Если форма отправляется "сама" - можно сделать перехват события submit и добавить скрытое поле со значением этого ИД...

Добавлено через 2 минуты
Примеры "рукописной" отправки формы

JavaScript
1
2
3
4
5
6
7
8
var params = new URLSearchParams(); 
params.set('login', login);
params.set('pass', pass);
 
fetch('/login_ajax.php', {
   method: 'POST',
   body: params
});

Или

JavaScript
1
2
3
4
5
6
7
8
var params = new FormData(); 
params.set('login', login);
params.set('pass', pass);
 
fetch('/login_ajax.php', {
   method: 'POST',
   body: params
});

Подробнее тут https://www.mousedc.ru/learnin... -formdata/

@INexteR · 01.07.2024, 17:48 **[ТС]**

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

отправляется "сама"

Да, сама.
Я находил оба предложенных вами варианта: со скрытым полем или с помощью xhr. Но оба они кажутся кривыми обходными путями. Неужели нет простого api, которое позволит добавить пару ключ-значение к отправляемым данным?

@sad67man · 01.07.2024, 18:56

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

которое позволит добавить пару ключ-значение к отправляемым данным?

PHP/HTML
1
2
3
<label for="client">Клиент:</label>
<input type="hidden" name="client[id]" value="<?= htmlspecialchars($client['id']) ?>">
<input type="text" name="client[name]" value="<?= htmlspecialchars($client['name']) ?>" required readonly>

На самом деле с плоскими данными проще работать..

PHP/HTML
1
2
3
<label for="client">Клиент:</label>
<input type="hidden" name="client_id" value="<?= htmlspecialchars($client['id']) ?>">
<input type="text" name="client_name" value="<?= htmlspecialchars($client['name']) ?>" required readonly>

Только если вы там какой-нибудь массив клиентов отправляете

PHP/HTML
1
2
3
4
5
6
<?php foreach ($clients as $i => $client): ?>
    <label for="client">Клиент:</label>
    <input type="hidden" name="clients[<?= $i ?>][id]" value="<?= htmlspecialchars($client['id']) ?>">
    <input type="text" name="clients[<?= $i ?>][name]" value="<?= htmlspecialchars($client['name']) ?>">
    <input type="text" name="clients[<?= $i ?>][phone]" value="<?= htmlspecialchars($client['phone']) ?>">
<?php endforeach ?>

А зачем вообще отправлять имя? разве id недостаточно? У вас же написано readonly, т.е. поле изменять запрещено, но при желании можно будет отправить что угодно, т.е. этому полю все равно доверять нельзя (в том плане, что связка id - name может не соответствовать).

Добавлено через 21 минуту
INexteR, Может я что-то не так понимаю, если выбор клиента происходит посредствам js, то вы должны и подставлять id при выборе клиента, а не при отправке формы.

@INexteR · 01.07.2024, 20:09 **[ТС]**

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

А зачем вообще отправлять имя?

Его не надо отправлять. Его нужно только отображать в input для пользователя. Это поле проходит валидацию, т. е. пользователь обязан выбрать строку в таблице, чтобы в этом поле появились данные. Но id туда не вывожу - для пользователя это бесполезная информация. Но а на сервер нужно отправить id вместо той строки в поле ввода

@sad67man · 02.07.2024, 00:39

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

Его нужно только отображать в input для пользователя.

Можно так к нему и относиться, что это вовсе и не input, ведь отображать название можно разными путями.. А для отправки использовать скрытый инпут..

@voraa · 02.07.2024, 08:27

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

Его не надо отправлять. Его нужно только отображать в input для пользователя. Это поле проходит валидацию, т. е. пользователь обязан выбрать строку в таблице, чтобы в этом поле появились данные. Но id туда не вывожу - для пользователя это бесполезная информация. Но а на сервер нужно отправить id вместо той строки в поле ввода

Использовать для отображения имени не input, а другой элемент, который не отправляется в форме. Хоть span, хоть output.
Для id использовать input type=hidden

krvsa · 02.07.2024, 10:10

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

Неужели нет простого api, которое позволит добавить пару ключ-значение к отправляемым данным?

Так а я тебе что показал?

@INexteR · 02.07.2024, 15:13 **[ТС]**

В общем вы все говорите об одном, я вас понял. Но в итоге решил перехватить отправку формы по умолчанию и выполнить xhr запрос. Как я могу отобразить результат запроса в текущем окне?

Добавлено через 2 минуты

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

fetch('/login_ajax.php', {
method: 'POST',
body: params
});

Как результат такого запроса отобразить в той же вкладке?

@voraa · 02.07.2024, 15:53

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

Как результат такого запроса отобразить в той же вкладке?

Можно, но геморно. И к тому же еще и с историей придется возиться.
Поэтому, если вы хотите отправлять данные из формы и получать и отображать страницу, то через форму и надо делать.
Через fetch (и ему подобное) делают отправку и получение данных по ajax. Т.е. получают данные в каком то виде (например json или xml) и уже на основании этих данных на клиенте перестраивают страницу.

@INexteR · 02.07.2024, 16:30 **[ТС]**

voraa, хорошо, я сделал со скрытым полем, но мне все же любопытно как вывести страницу в текущей вкладке, которую отправил сервер на ajax запрос. Можно увидеть наброски кода?

@voraa · 02.07.2024, 16:52

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

Можно увидеть наброски кода?

Ну что то типа такого

JavaScript
1
2
3
4
5
6
7
8
const resp = await fetch('/login_ajax.php', {
   method: 'POST',
   body: params
});
const html = await resp.text();
const blob = new Blob([html], { type: "text/html" });
const url =  URL.createObjectURL(blob);
window.location = url;

Это просто отобразить страницу. Но дело в том, что ее url будет совсем другим, а не /login_ajax.php.
Ну и относительные ссылки на странице работать не будут.

Новые блоги и статьи Все статьи Все блоги /
Камера 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, то после закрытия окошка. . .	SDL3 для Web (WebAssembly): Работа со звуком через SDL3_mixer 8Observer8 08.02.2026 Содержание блога Пошагово создадим проект для загрузки звукового файла и воспроизведения звука с помощью библиотеки SDL3_mixer. Звук будет воспроизводиться по клику мышки по холсту на Desktop и по. . .

Как переопределить значение, отправляемое формой на сервер

Решение

Решение

Решение

@INexteR 17 / 16 / 1 Регистрация: 25.01.2023 Сообщений: 468
	02.07.2024, 16:30 [ТС]
	voraa, хорошо, я сделал со скрытым полем, но мне все же любопытно как вывести страницу в текущей вкладке, которую отправил сервер на ajax запрос. Можно увидеть наброски кода? 0