Хорошая ли идея обойти повторную отправку формы при помощи ajax?

Question

[QNA-1976]

Может я чего не понимаю, но в чём смысл обхода повторной отправки формы при помощи ajax?

Вводная: из БД берётся значение свойства и выводится в вид, отправляем форму (для теста без последующего редиректа), изменяем в обработчике значение этого свойства и пишем его в БД, но так как редиректа у нас нет, то данные берём не из БД (как это было бы при редиректе), а просто выводим в вид уже изменённое значение (потому что нужно текущее значение без повторной выборки из БД).

Кто-то поясните, как это делается при ajax, ведь его очень часто советуют в качестве обхода повторной отправки данных.

Ну так я аяксом отправлю запрос, а вид как я получу с текущими данными? Редиректом на jquery и выводом из БД? Браво. А если у меня свойство устанавливается только во время выполнения запроса без записи в БД (например тупо вывод сообщений без сессий), то как я в виде получу его значение, оно же потеряно будет РЕДИРЕКТОМ после ajax. Подгрузкой данных в стиле SPA? Тогда зачем вообще предлагать ajax для такого обхода, такой костыль отпадает сам собой при SPA)))

Может я что-то не так понимаю?

Сам применяю токен на форме и фиг с ним с сообщением браузера о повторной отправке, главное что форма не обрабатывается при несовпадении хоть ты заобновляйся.

Answer 1

[Владимир Коротенко]

Аякс транспорт, а запрет повторной отправки это серверная логика.

Стандартная практика добавлять поле в бд concurrency token и уже по нему смотреть что делать с этим запросом.

Comments

[QNA-1976]

ну так аяксом я отправил запрос, как мне получить вид? редиректом и выводом данных из БД?

так я и просто редирект могу запилить на самого себя и не будет никакой повторной отправки, я не пойму, как аякс решает проблему с повторной отправкой формы браузером?

[Владимир Коротенко]

QNA-1976, А никак вообще. Лично я бы поставил 301 редирект или бы вывел флэш сообщение.

Вы немного забыли что http это stateless протокол, любой запрос атомарный а уж ваша логика восстанавливает состояние объекта и что то делает или не делает.

Если же вам нужны данные в форме, то нормальная практика отдавать обновленную модель через ajax после успешной операции и обновление формы на клиенте. Ну или новую модель с ошибками, если они произошли на сервере.

[QNA-1976]

Владимир Коротенко, Вы не поняли, я отправил ajax запрос из формы логина, обработчик меня залогинил, что дальше делается? Мне нужен шаблон залогиненного и вид, например, кабинета залогиненного.

[Владимир Коротенко]

QNA-1976, Если вам он нужен то отрендерьте его, ДО этого запроса.

Получив ответ вы записываете в куки ваш токен и скрываете форму логина
заполняете имя пользователя
с снимаете аттрибут display:none с блока пользовательского кабинета

Обычно это используется для логина на главной странице сайта.

[QNA-1976]

Владимир Коротенко, то есть нужно не просто отправить аяксом запрос, а полностью пилить SPA.

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

и хреначат примеры, отправляют аяксом запрос и по done() зафигачивают location на jquery )))

[Владимир Коротенко]

QNA-1976, С чего бы это?
Просто немного кода для интерактива. SPA это сильно другое.

вот примерный код

let response = await fetch(url);
if (response.ok) { 
  let json = await response.json();
  let loginbox = document.getElementById('loginBox')
let userbox = document.getElementById('userBox')
 loginbox.style.display = 'none'
// сохраняем токен
// заполняем шаблон
userbox.style.display = '';
} else {
  alert("Ошибка HTTP: " + response.status);
}

[QNA-1976]

Владимир Коротенко, ага, осталось всего-навсего сделать контроль авторизованного: сессия умерла, а он кнопку нажал и отправил запрос в области авторизованного ) короче дело ясное, что дело тёмное, благодарю.

[Владимир Коротенко]

QNA-1976, При отправке аяксом вы контролируете логику.
То есть после того как щелкнули по кнопке, обработчик с кнопки снимается и повторная отправка не случится, потому как некому отправлять. Так что посоветовали нормально.

function onSubmit(){
// взять кнопку
// снять обработчик onSubmit
// запустить спинер
// запустить запрос
// обработать ответ или ошибку
// остановить спинер
}

[QNA-1976]

Владимир Коротенко, ага, и по ходу мы с php уходим на js

[Владимир Коротенко]

QNA-1976,

ага, осталось всего-навсего сделать контроль авторизованного: сессия умерла, а он кнопку нажал и отправил запрос в области авторизованного ) короче дело ясное, что дело тёмное, благодарю.

В общем то немного не так. Это именно "сахар" для нетерпеливого пользователя. В случае NET mvc всю грязную работу на себя берет фреймворк.

Впрочем общие принципы остаются верными для любого фреймворка.

Проверить авторизацию
Отрендерить базовый HTML (с учетом что за пользователь)
Отдать расширенные возможности через аякс (как то всякие логины без перезагрузки, автодополнение, выбор товара , операции с корзиной)

[Владимир Коротенко]

QNA-1976,

ага, и по ходу мы с php уходим на js

Мы используем все вместе, Приложение адаптируется к клиенту (впрочем может и деградировать).

В общем случае получается конечно сложнее для разработчика, но удобней для пользователя

Answer 2

[FanatPHP]

Хорошая.

У тебя просто в голове смешалось два понятия, запрет повторной отправки == редирект.
Забудь про редирект. Он при аяксе не нужен.
Лучше выучи получше. ч то такое аякс. Тогда дурацких вопросов типа "как я получу с текущими данными" возникать не будет. Потому что аякс это как раз про то, как получить данные с сервера. Без всяких редиректов. Вот как здесь, на этом форуме, ты отправляешь ответ или комментарий.

Если же после отправки формы тебе обязательно нужен редирект (о чем ты, разумеется, не упомянул в вопросе), то тогда без разницы, что использовать.

Comments

[QNA-1976]

Вот как здесь, на этом форуме, ты отправляешь ответ или комментарий.

так же любой дурак сможет в блок кусок текста отправить

[FanatPHP]

При чем здесь дурак и кусок текста? У тебя вопрос был про редирект.
Заканчивай с тяжелыми наркотиками и соберись с мыслями.
Поробуй задать хоть один осмысленный вопрос.

[QNA-1976]

FanatPHP, комментарий какой-то у Вас странный, про наркотики какие-то, я не специалист по наркотикам, вопрос выше, вставить текст в блок без перезагрузки может любой дурак

[FanatPHP]

Если у тебя какой-то новый вопрос, то его надо задать в форме вопроса, а не в виде комментария.
И написать подробно - кто дурак, что за блок и куда его надо вставить.
Но сначала надо привести в порядок ту кашу, которая у тебя в голове.

[QNA-1976]

FanatPHP, вопрос в вопросе, в комментариях я не задавал тебе вопрос, хитрожопый какой на других переводит стрелки

а вставить текст в блок без перезагрузки может любой дурак, только вот если данные не сохранялись в БД то где он их возьмёт после перезагрузки (подгрузки), наверное, в сессиях, ах да забыл мы же из php перехали по ходу в js нам же теперь хранилище локальное нужно организовать мы же не можем тупо на js написать, нам обязательно json на php приспичило собирать под каждый аякс

[FanatPHP]

Ты правда думаешь, что тостер не добавляет твой комментарий в бд? Тогда понятно, кто этот дурак, о котором ты столько говоришь.

[QNA-1976]

FanatPHP, иди проспись )))

[FanatPHP]

Да-да, конечно, это мне надо проспаться.
Это ведь я не понимаю, как работает примитивный механизм, который испрользуется на 90% сайтов, а не ты.

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

[QNA-1976]

FanatPHP, не неси ахинею, не нужен ajax для решения проблемы, потому что её не будет - это же логично, ajax не решение проблемы с повторной отправкой, но уход от неё тупой

[FanatPHP]

Ну да, конечно. Как скажешь.
Все ведь вокруг тупые. Авторы сайта, на котором ты задаешь свои вопросы, тоже тупые
Один ты у нас гений :)

[QNA-1976]

FanatPHP, проблема с повторной отправкой остаётся нерешённой

[FanatPHP]

Какая досада.
То-то я вижу у тебя здесь все комменты по два, правда же? :)

[QNA-1976]

FanatPHP, и?

[FanatPHP]

Что "и"? Ты утверждаешь, что аякс не помогает. Тостер добавляет твой коммент аяксом. Это значит, что у тебя из-за повторной отправки коменты должны дублироваться. Они дублируются?

[QNA-1976]

FanatPHP, и? проблема перестала существовать?

[FanatPHP]

проблема существует только у тебя в воображении, мальчик :)
потому что ни у кого больше её нет

и пока ты не научишься внятно задавать вопросы, без дурацкого кривляния, то так о станешься со своими проблемами один на один

[QNA-1976]

FanatPHP, только что проверил, проблема с повторной отправкой всё ещё существует, ajax на тостере её не решил :(

[FanatPHP]

Я что-то не вижу здась двойного комментария.

[QNA-1976]

FanatPHP,

Я что-то не вижу здась двойного комментария.

дас-дас

[FanatPHP]

Ну вот мы снове вернулись к твои фантазиям. Ты себе вообразил будто аякс не помогает, и., видимо, можешь запостить на тостер двойной комментарий, но никто больше повторную отправку не видит.
Боюсь, тебе надо к доктору. Такие галлюцинации говорят о серьезных проблемах. :(

[QNA-1976]

FanatPHP, ну я у себя на сайте проверил, от того что на тостере аяксом постятся, так проблема всё ещё не исчезла, не могу понять в чём дело?

[FanatPHP]

просто почитай как правильно делать обновление на сайте без перезагрузки. Информции в интернете море. на одном тостере примено 10000 ответов.

[QNA-1976]

FanatPHP,

Информции в интернете море

ответ дня )

Answer 3

[Владимир]

Я совершенно ничего не понял. Аякс это технология позволяющая получать данные без перезагрузки страницы. Им ничего нельзя проверить. Только отправить и получить данные. Проверку заполнения формы не обязательно делать на стороне клиента на том же Jquery, можно на северной части и потом получить код статуса, но конечно лучше все проверять до отправки и после.

Comments

[QNA-1976]

да ерунда всё это редиректим после обработки и всё