Почему страница перебрасывается на другую после передачи формы через ajax запрос в django?

Question

[Артем Рассадин]

Добрый вечер, мне нужно сохранять комментарий от пользователя в базу данных и после этого делать необходимые операции. Для этого я передаю данные формы через ajax в django, валидирую их, сохраняю и передаю информацию об успешной обработке обратно. Но после всего этого страница перебрасывается на ссылку в которой я обрабатывал форму. Вот код:

JavaScript

forms = document.querySelectorAll('#form-modal')

	forms.forEach(form => {
		$(form).submit(function() { // On form submit event
			$.ajax({ // create an AJAX call...
				data: $(this).serialize(), // get the form data
				method: "POST", // GET or POST
				dataType: 'json',
				url: $(this).attr('action'), // the file to call ( video/form )
				success: function(data) { // on success.. ( этот код не выполняется из-за переброса страницы )
					console.log(true)
				}
			})
		});
		return false;
	})

views.py

def formVideo(request):
    if (request.method == 'POST') and (request.is_ajax()):
        form = addComment(request.POST)
        if form.is_valid():
            form.save()
    
    return HttpResponse('ok')

P.S Комментарии сохраняются, но последующий код ajax - запроса не выполняется.

Answer 1

[Spartak (Web-StyleStudio)]

https://developer.mozilla.org/ru/docs/Web/API/Even...

$(form).submit(function(event) {
	event.preventDefault();
	// далее ваш код 
});

Comments

[Артем Рассадин]

Нет, мне лично помогла перезагрузка пк. Видимо кэш очистился и все нормально заработало. Удивительно то, что на этом же сайте, в другой вкладке все работало замечательно, а здесь нет. Все равно спасибо, может кому поможет)