Как остаться на странице после нажатия на кнопку SAVE

187
31 мая 2017, 05:33

У меня есть кнопка 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>
Answer 1

Для html-элемента button с атрибутом type="submit" отправка формы на сервер и загрузка страницы в ответ - стандартное поведение.

Соответственно, чтобы его изменить можно пойти двумя путями:

1) повесить на кнопку функцию-обработчик клика, в которой предотвратить стандартное поведение и выполнить свой код.

<script>
  document.getElementById("myBtn").addEventListener("click", function(ev){ 
    ev.preventDefault(); // отменил стандартное поведение кнопки
    // выполним ваш код, например, можно отправить ajax-запрос на вервер для сохранения данных
  });
</script>

2) кнопке поставить атрибут type="button", тогда при клике на нее форма отправляться на сервер не будет и страница, соответственно, не перезагрузится. Просто повесьте обработчик клика на эту кнопку, как в первом варианте, и отправьте ajax-запрос на сервер.

READ ALSO
Помощь в изучении js (Mentor guru) практика

Помощь в изучении js (Mentor guru) практика

Обращаюсь за советом, с чего начать изучение js, и где можно попрактиковаться, мб кто то согласиться стать моим гуру или менторомБуду очень...

313
Как при выборе даты вызвать код на PHP?

Как при выборе даты вызвать код на PHP?

Есть поле type="date" - календарь; и есть код на PHP, который нужно выполнить при выборе даты при помощи Ajax запросаКак при выборе даты вызвать этот...

349
Не срабатывает функция javascript

Не срабатывает функция javascript

Доброго времени! Собствено есть такой код:

219
Как правильно очистить форму во Vue.js?

Как правильно очистить форму во Vue.js?

Подобный вопрос уже был, про сброс формы через метод reset() я знаюВ примерах по работе с Vue

845