загрузить файл и форму проверки в ajax php

Question

У меня есть форма, в которую я загружаю файл, я использую ajax, он работает хорошо, я проверил поля этой формы, и он тоже работает, моя цель - объединить два, вот мой код:

 $("form").submit(function(event){
        event.preventDefault();
          var formData = new FormData(this);
          var name = $("#name").val();
          var email = $("#email").val();
          var file = $("#file").val();
          var submit = $("#submit").val();
          $.ajax({
              url: 'test.php',
              type: 'post',
              data: formData,
              success: function(data){
              alert(data)
              },
              cache: false,
              contentType: false,
              processData: false
          });

      });   
    });              
    $(".form_mess").load("test.php", {
              name : name,
              email : email,
              file : file,
              submit : submit
    });        

и в test.php я получаю свои данные, сообщения об успехах и ошибках.

Answer 1

Просто поместите ваш второй вызов в первую функцию успеха.

Примечание: код ниже использует $.post() вместо $.ajax(), но результат тот же.

$('form').submit(function(event) {
    event.preventDefault()

    const name = $('#name').val()
    const email= $('#email').val()
    const file = $('#file').val()
    const submit = $('#submit').val()

    $.post('test.php', {
        name: name,
        email: email,
        file: file,
        submit: submit
    }, function(data) {
        alert(data)

        $(".form_mess").load('test.php', {
            name: name,
            email: email,
            file: file,
            submit: submit
        })
    })
})