AJAX（Asynchronous JavaScript and XML）即异步的 JavaScript 和 XML，是一种在网页上进行实时数据交互的技术。在实际开发过程中，经常会遇到需要在网页中实现文件上传的需求。而使用 AJAX 技术可以简化文件上传的过程，提高用户体验。

在传统的文件上传方式中，用户选择文件后，提交表单，服务器端进行文件处理并返回结果。这种方式需要刷新页面，用户体验较差。而使用 AJAX 技术，可以实现无刷新上传文件，以及实时的进度显示。

下面以一个简单的文件上传功能为例进行说明：

(function() {
// 获取文件上传表单
var uploadForm = document.getElementById('upload-form');
// 获取文件上传输入框
var fileInput = document.getElementById('file-input');
// 获取文件上传按钮
var uploadButton = document.getElementById('upload-button');
// 获取文件上传进度条
var progressBar = document.getElementById('progress-bar');
// 监听文件上传按钮的点击事件
uploadButton.addEventListener('click', function() {
// 创建 FormData 对象
var formData = new FormData();
// 添加文件到 FormData 对象
formData.append('file', fileInput.files[0]);
// 创建 XMLHttpRequest 对象
var xhr = new XMLHttpRequest();
// 监听上传进度事件
xhr.upload.addEventListener('progress', function(event) {
if (event.lengthComputable) {
var percentComplete = event.loaded / event.total * 100; // 计算上传进度百分比
progressBar.style.width = percentComplete + '%';
}
});
// 监听上传完成事件
xhr.addEventListener('load', function(event) {
if (xhr.status === 200) {
alert('文件上传成功！');
} else {
alert('文件上传失败！');
}
});
// 发送上传请求
xhr.open('POST', 'upload.php', true);
xhr.send(formData);
});
})();

上述代码中，首先获取文件上传表单、文件上传按钮、文件上传输入框以及文件上传进度条的 DOM 元素。然后监听文件上传按钮的点击事件，在点击事件处理函数中，创建 FormData 对象，并将文件添加到 FormData 对象中。然后创建 XMLHttpRequest 对象，分别监听上传进度事件和上传完成事件，最后发送上传请求。

在服务器端，可以使用 PHP 来接收并处理上传的文件。以下是一个简单的上传 PHP 脚本：

上述代码中，首先定义文件保存目录，并使用 `move_uploaded_file` 函数将临时文件移动到目标路径。如果文件移动成功，则输出“文件上传成功！”；否则输出“文件上传失败！”。

综上所述，使用 AJAX 技术可以简化文件上传的过程，并提高用户体验。通过无刷新上传文件以及实时的进度显示，可以使用户得到更好的交互反馈。