в нее загружается форма полученная с помощью fetch.
Вопрос, как значения этой формы отравить на action.php?do=addressPost
А полученный результат перезаписать в текущий modal
При этом:
Не закрывая сам modal
query or json?
Щас там query обработчик, но могу сделать и жсон,
do=addressPost, это не key name поста, это ссылка на обработчик)
ну думаю справитесь сами с этим)
Вот полный Линк на обработчик поста https://inject.im/exampleTest/action.php?do=addressPost А вот как сделать чтобы при отправке формы, не закрывая модалку туда же ответ пихать?
const url = 'http://inject.im/action.php?do=addressPost' document.getElementById('submitAddress').addEventListener('click', ()=>{ fetch((url + document.getElementById('addressInput').value), { method: 'POST' }) })
Или вообще есть ли варианты какие то, как такое лучше реализовать другим способом (правильным) я просто хз как такое делается, поэтому говнокодю😢
чё вы мутите ащ?
Хочу чтобы юзер мог в окне модалки все че надо сделать, а тока потом ее закрыть ( без обновления страницы)
не понял, как модалка связана с закрытием страницы?
Закрытие модалки я имею в виду
ну так и зачем её закрывать? в чём сама задача-то? не надо - не закрывайте оо
Ну так она сама закрывается почему то когда нажимаешь на кнопку отправки формы
поведение bootstrap'а?
вы форму отправляете как? fetch и иже с ними или через form[method][action]?
http://inject.im/exampleTest/
страница перезагружается. слушайте submit на форме и используйте event.preventDefault(), затем руками отправляйте запрос
А ещё вопрос, т.к эта форма загружается ПОСЛЕ рендера основной страницы и ее js - то как искать "несуществующий" submit - чтобы не было ошибок?
вешайте тогда, когда форма появляется. не забывайте убрать перед удалением
@wennerryle @i_love_chocolate_pudding Спасибо, уже какой то прогресс получился, страница не обновляется и уже даже что то шлёт думаю дальше попробую разобраться. Вопрос, а это вообще нормально что получается такая гигантская конструкция из { { { И тд? Или существует более понятная для глаз реализация? То что Сейчас:
А для этого существует async await
Обсуждают сегодня