Ajax和Node.js是目前非常流行的前端開發技術，它們可以協同工作來創建交互性強、高性能的網站應用。然而，由于瀏覽器的安全策略限制，使用Ajax進行跨域請求是一項具有挑戰性的任務。幸運的是，通過Node.js提供的一些工具和技巧，我們可以輕松解決這個問題。

首先，讓我們看一個使用Ajax進行跨域請求的例子。假設我們有一個前端應用部署在http://www.example.com，并且它需要從http://api.example.com獲取數據。由于安全策略的限制，我們不能直接從前端應用中使用Ajax發送請求到api.example.com。但是，我們可以使用Node.js作為中間層來發送請求并將響應傳遞給前端應用。

<!-- 前端應用 -->
<script>
fetch("http://www.example.com/api")
.then(response => {
// 處理響應
});
</script>

// Node.js 中間層
const express = require("express");
const axios = require("axios");
const app = express();
app.get("/api", (req, res) => {
axios.get("http://api.example.com")
.then(response => {
res.send(response.data);
})
.catch(error => {
res.status(500).send(error.message);
});
});
app.listen(3000, () => {
console.log("Server started on port 3000");
});

在上面的代碼中，前端應用使用fetch方法發送GET請求到中間層的http://www.example.com/api端點。中間層使用axios庫發送GET請求到http://api.example.com，并將響應返回給前端應用。由于中間層和api.example.com在相同的域名下，所以沒有跨域問題。

接下來，讓我們看一個更復雜的例子，其中我們需要在請求頭中設置自定義的身份驗證令牌。假設我們的前端應用需要向http://api.example.com發送POST請求，并在請求頭中包含"Authorization"字段，值為"Bearer eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9"。

<!-- 前端應用 -->
<script>
fetch("http://www.example.com/api", {
method: "POST",
headers: {
"Content-Type": "application/json",
"Authorization": "Bearer eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9"
},
body: JSON.stringify({ data: "example" })
})
.then(response => {
// 處理響應
});
</script>

// Node.js 中間層
const express = require("express");
const axios = require("axios");
const app = express();
app.post("/api", (req, res) => {
axios.post("http://api.example.com", req.body, {
headers: {
"Content-Type": "application/json",
"Authorization": "Bearer eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9"
}
})
.then(response => {
res.send(response.data);
})
.catch(error => {
res.status(500).send(error.message);
});
});
app.listen(3000, () => {
console.log("Server started on port 3000");
});

在上面的代碼中，前端應用使用fetch方法發送POST請求到中間層的http://www.example.com/api端點，并在請求頭中設置"Content-Type"為"application/json"和"Authorization"為"Bearer eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9"。中間層使用axios庫發送POST請求到http://api.example.com，并將請求體和請求頭一同傳遞。類似地，由于中間層和api.example.com在相同的域名下，所以沒有跨域問題。

通過以上的例子，我們可以看到使用Node.js作為中間層可以很容易地解決Ajax跨域請求的問題。我們可以將中間層部署在與前端應用同一域名下的服務器上，從而避免跨域問題。同時，可以在中間層處理身份驗證等敏感操作，確保前端應用的安全性。

總結起來，使用Ajax和Node.js進行跨域請求可以在很大程度上提升前端應用的交互性和性能。通過將Node.js作為中間層，我們可以發送請求到其他域名，并將響應傳遞給前端應用。這為我們創建更強大、功能更豐富的網站應用提供了便利。