AJAX（Asynchronous JavaScript and XML）是一種基于前端技術的異步請求方式，它能夠實現在不刷新整個頁面的情況下與服務器進行數據交互。本文將介紹如何利用AJAX技術建立一個讀取文件名的功能，通過實例演示來說明。
首先，我們需要一個簡單的HTML頁面，其中包含一個按鈕和一個用于顯示文件名的文本框：
<!DOCTYPE html> <html> <head> <title>讀取文件名</title> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> </head> <body> <button id="btnLoad">加載文件名</button> <input type="text" id="fileName" readonly> </body> </html>
接下來，我們需要編寫JavaScript代碼使用AJAX來獲取文件名。這里以jQuery庫為例，使用其提供的$.ajax()方法來發送異步請求：
<script>
$(document).ready(function(){
$("#btnLoad").click(function(){
$.ajax({
url: "file.php",
type: "GET",
success: function(data){
$("#fileName").val(data);
}
});
});
});
</script>在上面的代碼中，我們首先通過$(document).ready()方法確保頁面加載完成后才執行 jQuery 代碼。然后，我們給按鈕的點擊事件綁定一個函數，當按鈕被點擊時，就會執行該函數。在函數中，我們使用$.ajax()方法來發送一個GET請求到file.php文件，這個文件用于返回需要獲取的文件名data。
為了不影響本示例的完整演示，這里僅提供PHP語言獲取文件名的示例代碼：
<?php $filename = "example.txt"; echo $filename; ?>
當我們點擊按鈕時，JavaScript代碼會發送一個GET請求到file.php，獲取到的文件名會被傳遞到success函數中。然后，該函數將文件名寫入文本框中，使其顯示在頁面上。
通過以上的代碼，我們成功實現了一個使用AJAX技術來獲取文件名的功能。當點擊按鈕時，異步請求會發送到服務器并獲取到文件名，然后將文件名顯示在頁面上的文本框中。
綜上所述，AJAX技術的使用可以使我們更加高效地與服務器進行數據交互。在本文中，我們通過一個實例演示了如何利用AJAX來實現一個讀取文件名的功能。通過異步請求和服務器的配合，我們能夠在不刷新頁面的情況下獲取到所需的文件名，并將其顯示在頁面上。