У меня есть кнопка Save. По нажатию на кнопку, я хочу изменить данные в БД, но полупользователь должен остался на странице.
<button class="btn btn-primary btn-success" id="editButton" type="submit" aria-hidden="true"><span class="glyphicon glyphicon-floppy-disk"></span><b> Save</b></button>
Для html-элемента button с атрибутом type="submit" отправка формы на сервер и загрузка страницы в ответ - стандартное поведение.
Соответственно, чтобы его изменить можно пойти двумя путями:
1) повесить на кнопку функцию-обработчик клика, в которой предотвратить стандартное поведение и выполнить свой код.
<script>
document.getElementById("myBtn").addEventListener("click", function(ev){
ev.preventDefault(); // отменил стандартное поведение кнопки
// выполним ваш код, например, можно отправить ajax-запрос на вервер для сохранения данных
});
</script>
2) кнопке поставить атрибут type="button", тогда при клике на нее форма отправляться на сервер не будет и страница, соответственно, не перезагрузится. Просто повесьте обработчик клика на эту кнопку, как в первом варианте, и отправьте ajax-запрос на сервер.
Кофе для программистов: как напиток влияет на продуктивность кодеров?
Рекламные вывески: как привлечь внимание и увеличить продажи
Стратегії та тренди в SMM - Технології, що формують майбутнє сьогодні
Выделенный сервер, что это, для чего нужен и какие характеристики важны?
Современные решения для бизнеса: как облачные и виртуальные технологии меняют рынок
Обращаюсь за советом, с чего начать изучение js, и где можно попрактиковаться, мб кто то согласиться стать моим гуру или менторомБуду очень...
Есть поле type="date" - календарь; и есть код на PHP, который нужно выполнить при выборе даты при помощи Ajax запросаКак при выборе даты вызвать этот...
Подобный вопрос уже был, про сброс формы через метод reset() я знаюВ примерах по работе с Vue