Мне нужно отправить данные из формы на бэк без обновления

Question

Мне нужно отправить данные из формы на бэк без обновления

страницы. Делаю что-то такое:
<script>
$('form').submit(function (e){
e.preventDefault();
var data = $('form').serializeArray();
$.ajax(
{
type: "POST",
url: "http://127.0.0.1:8080",
data: data,
success: success,
dataType: dataType
}
);
}
);
</script>
Собственно, пример из гугла, и я в упор не могу понять, кто такой ваш е и что он делает? А также где здесь устанавливается связь, собственно, с моим бэкендом?

#javascript #programming #russian

0

15.02.2021

11 ответов

22 просмотра

AstralRomance Автор вопроса

Veli
объект ивента сабмита

Тогда откуда он берется как аргумент и в какую функцию передается? Яснее не стало.

0

15.02.2021

Veli

когда вызывается коллбек при срабатывании события, браузер закидывает тебе в этот коллбек объект события в качестве аргумента а связь с бекендом - $.ajax же

0

15.02.2021

Veli

AstralRomance
Тогда откуда он берется как аргумент и в какую фун...

его передает браузер при вызове коллбека, который ты передал в функцию. Кто-то же эту функцию вызывает, верно? Вот ее вызывает браузер, когда случилось событие. Он тебе этот объект и дает

0

15.02.2021

AstralRomance Автор вопроса

Veli
когда вызывается коллбек при срабатывании события,...

Так, с объектом, кажется, начал понимать. А вот сказать ему, кто на бэкенде это обрабатывать будет, я в каком аргументе должен?

0

15.02.2021

Veli

AstralRomance
Так, с объектом, кажется, начал понимать. А вот ск...

нужно изучить HTTP. Ты делаешь HTTP запрос и передаешь разного рода данные на сервер - query, body и т.д.

0

15.02.2021

Veli

AstralRomance
Так, с объектом, кажется, начал понимать. А вот ск...

кто обрабатывать определяется самим бекендом в зависимости от "эндпоинта" - урла, на который ты сделал запрос

0

15.02.2021

AstralRomance Автор вопроса

Veli
кто обрабатывать определяется самим бекендом в зав...

Это я в курсе, да.

0

15.02.2021

Veli

AstralRomance
Это я в курсе, да.

ну вот, в твоем примере в $.ajax ты передаешь урл (он определяет контроллер и метод на бекенде, который обработает твой запрос), метод запроса (он определяет действие - POST/PUT и т.д,) и тело/квери/параметры (они определяют данные, которые необходимы бекенду для этого действия)

0

15.02.2021

AstralRomance Автор вопроса

Veli
ну вот, в твоем примере в $.ajax ты передаешь урл ...

Так, это, вроде, тоже понятно. Не понятно, почему он у меня все еще страницу обновляет после сабмита.

0

15.02.2021

Veli

AstralRomance
Так, это, вроде, тоже понятно. Не понятно, почему ...

e.preventDefault() должно предотвратить обновление

0

15.02.2021