Как отправить данные django formset с помощью ajax?

сначала я хочу получить данные из формы, а затем отправить эти данные на сервер с помощью ajax...

<script>
    document.querySelector('form').addEventListener('submit', (e) => {
        const data = Object.formEntries(new FormData(e.target).entries());
        console.log(data);
        SubmitButtonClicked();
    });
</script>

<script>
    function SubmitButtonClicked(){
        $.ajax({
            dataType:"json",
            type:"POST",
            url:"{% url 'meraj_public:new_rrr' %}",
            data: {
                csrfmiddlewaretoken: "{{ csrf_token }}",
                data: data,
            },

            success: function(response){
                let success = response.success;
                if (succes === false){
                    alert('error');
                }else{
                    alert('success')
                }
            }
        })
    }
</script>

но здесь данные не отображаются на консоли и возникла ошибка: Uncaught ReferenceError SubmitButtonClicked is not defined

Мой первый вопрос: Как получить все данные формы?

и затем: Как отправить данные в представление и проверить валидацию данных, чтобы показать ошибку или сохранить данные?

Вернуться на верх