AJAX（Asynchronous JavaScript and XML）是一种用于在网页中进行异步数据传输的技术。传统上，当需要将文件上传到服务器时，需要通过刷新整个页面或者跳转到新的页面来完成。然而，使用AJAX，我们可以在页面不刷新的情况下，异步传输文件名到服务器。本文将介绍如何使用AJAX传输文件名以及相关的代码示例和解释。

使用AJAX传输文件名的一种常见场景是文件上传功能。例如，在一个网站上，用户可以选择本地计算机上的文件并上传到服务器。在用户选择文件后，我们可以使用AJAX将文件名传输到服务器进行后续处理，例如保存文件到数据库或者进行文件类型检查。

我们可以使用HTML的<input type="file">元素来创建一个文件上传输入框。当用户选择文件后，我们可以通过JavaScript来获取选择的文件名，并使用AJAX将文件名传输到服务器。以下是一个简单的示例：

<input id="file-input" type="file" />
<button onclick="uploadFile()">上传</button>
<script>
function uploadFile() {
var file = document.getElementById("file-input").files[0];
var fileName = file.name;
var xhr = new XMLHttpRequest();
xhr.open("POST", "upload.php", true);
xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
console.log(xhr.responseText);
}
};
xhr.send("fileName=" + fileName);
}
</script>

在上面的代码中，当用户点击“上传”按钮时，JavaScript中的uploadFile函数被调用。该函数首先获取文件输入框中选择的文件，并从中提取文件名。然后，我们创建一个XMLHttpRequest对象，并使用open方法指定请求的方法、URL和异步选项。接下来，我们通过调用setRequestHeader方法设置HTTP请求的头部信息，告诉服务器请求的数据类型。在这个例子中，我们使用了URL编码的表单数据。然后，我们设置了onreadystatechange事件处理程序，在请求状态变为4且状态码为200时，打印出服务器的响应结果。最后，我们使用send方法将文件名作为参数发送到服务器。

在服务器端，我们可以使用PHP或其他服务器端语言来接收AJAX传输的文件名。下面是一个简单的PHP示例：

<?php
$fileName = $_POST["fileName"];
// 进一步处理文件名
?>

在上面的PHP代码中，我们使用$_POST全局数组来访问通过POST方法传输的数据。我们可以通过$_POST["fileName"]来获取AJAX传输的文件名，然后再进行进一步的处理。

总结来说，使用AJAX传输文件名是一种非常方便和高效的方式，可以实现在网页中异步上传文件并在服务器端进行进一步处理。我们可以使用HTML和JavaScript来获取用户选择的文件名，并使用AJAX将文件名传输到服务器。在服务器端，我们可以使用PHP或其他服务器端语言来接收AJAX传输的文件名，并进行后续的处理。