AJAX技術已經在前端開發中得到廣泛應用，它的特點是使得網頁能夠實現無刷新頁面的數據交互。在較早的時候，網頁的數據交互通常要求從服務器獲取，然后再通過表單提交等方式保存到本地或服務器端。而借助AJAX技術，我們可以通過異步請求的方式將數據保存到本地Excel文件中，提供了更加快捷方便的數據保存方式。

以一個團隊分數統計的應用為例，我們可以使用AJAX將用戶在網頁中輸入的分數保存到本地Excel文件中。首先，創建一個包含姓名和分數的表單，并在提交表單時觸發AJAX請求，調用后端API。

<form id="scoreForm" onsubmit="saveScore(event)"><input type="text" id="nameInput" placeholder="請輸入姓名"><input type="number" id="scoreInput" placeholder="請輸入分數"><button type="submit">保存分數</button></form><script>function saveScore(event) {
event.preventDefault();
var name = document.getElementById("nameInput").value;
var score = document.getElementById("scoreInput").value;
var xhr = new XMLHttpRequest();
xhr.open("POST", "/api/savescore", true);
xhr.setRequestHeader("Content-Type", "application/json");
xhr.onreadystatechange = function() {
if (xhr.readyState === XMLHttpRequest.DONE && xhr.status === 200) {
console.log("分數保存成功");
}
};
var data = JSON.stringify({name: name, score: score});
xhr.send(data);
}
</script>

在上述代碼中，我們通過使用JavaScript獲取表單中的姓名和分數，并使用JSON字符串的形式將數據傳遞給后端API。AJAX請求的主體使用了XMLHttpRequest對象，通過open方法指定請求的方式（POST）、URL（"/api/savescore"）以及是否是異步請求（true）。然后，通過setRequestHeader方法設置請求頭中的Content-Type屬性為"application/json"，以便后端正確解析請求數據。最后，通過send方法發送請求。

接下來，我們需要在后端編寫保存分數的API。具體實現可能因后端語言而異，下面是一個使用Node.js和Express框架的示例。

app.post("/api/savescore", function(req, res) {
var name = req.body.name;
var score = req.body.score;
var row = [name, score];
var csvString = row.join(",") + "\n";
fs.appendFile("scores.csv", csvString, function(err) {
if (err) {
console.log(err);
res.status(500).send("保存分數失敗");
} else {
res.status(200).send("分數保存成功");
}
});
});

在上述代碼中，我們使用了Node.js的fs模塊，通過appendFile方法將分數保存到名為"scores.csv"的文件中。這里使用逗號分隔不同的字段，并且在每一行末尾添加換行符"\n"，以保證數據的整齊和方便后續處理。在保存成功后，返回狀態碼200和相應信息。

在這個例子中，我們展示了如何使用AJAX技術將用戶輸入的分數保存到本地Excel文件中。通過使用AJAX請求和后端API，實現了無刷新頁面的數據交互和保存。AJAX技術的應用使得網頁開發變得更加靈活和高效，為用戶提供了更好的使用體驗。