@Nymeria18

Как отменить перезагрузку страницы при AJAX запросе 'DELETE' и 'POST на Json-server?

Всем привет! Надеюсь на вашу помощь, так как весь интернет уже обшарила, не могу найти решение проблемы.
Делаю AJAX-запрос DELETE или POST, используя JQuery метод $.ajax(), на фейковый REST API сервер созданный с помощью JSON-сервера. Так вот, запрос отрабатывает правильно: указанные данные удаляются с сервера (и сам json обновляется), но после этого страница перезагружается!! Как отменить эту перезагрузку?? Смысл всего задания создать SPA с поддержкой CRUD операций на сервере, поэтому перезагрузки не должно быть. preventDefault, return false - не помогают.
Буду благодарна за любые идеи и догадки в решении вопроса. Код прилагаю.

<section id="app">
    <button type="button" class="button">Click</button>
  </section>

$(".button").click(del);

function del (e) {
  console.log('del');
  e.preventDefault();
  $.ajax({
    url: 'http://localhost:3001/posts/1',
    method: 'delete',
    dataType: 'html',
    success: function(data){
      console.log(data)
    }
  });
}
  • Вопрос задан
  • 327 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы