如何使用ajax调用upload.php文件？

Question

我已经制作了一个flie upload.php，它将.docx文件上传到服务器。它运行正常。 现在我想上传文件而不使用相同的php文件刷新页面。如何使用ajax调用php文件？ 以及如何显示upload.php发送的消息

Answer 1

试试这个：

<form action="" method="post" enctype="multipart/form-data">
<input type="file" name="file" />
<input type="submit" value="Upload" name="upload" />
</form>

<script>
 $('form').submit(function(e){
     e.preventDefault();
       $.ajax({
                type: "POST",
                url: "link/to/the/upload.php" ,
                data: ('form').serialize(),
                success : function(data) {
                    alert('Uploaded!');
                },
                fail: function(data) {
                    alert('failed to upload');
                    }
            });
    });
</script>