Всем привет! Надеюсь на вашу помощь, так как весь интернет уже обшарила, не могу найти решение проблемы.
Делаю 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)
}
});
}