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

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

请尝试以下操作：

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

$（'form'）。提交（函数（e）{
e、 预防默认值（）；
$.ajax({
类型：“POST”，
url:“link/to/the/upload.php”，
数据：（'form'）。序列化（），
成功：功能（数据）{
警报（'上传！'）；
},
失败：功能（数据）{
警报（“上传失败”）；
}
});
});