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
        })
    })
})

在ajax php中上传文件和验证表单

1 个答案: