Ajax（Asynchronous JavaScript and XML）是一種在網頁中使用JavaScript進行異步數據交互的技術，它可以在不刷新整個頁面的情況下更新部分網頁內容。然而，由于同源策略（Same-origin policy）的限制，Ajax默認情況下只能與同一域名下的服務器進行通信。然而，在實際開發中，經常會遇到需要跨域訪問數據的情況，這時候可以通過使用代理來解決跨域問題。

跨域請求的一個常見例子是需要從一個域名下的服務器獲取數據，并在另一個域名的網頁中展示這些數據。假設我們有一個網站A的域名是http://www.example.com，我們想從這個域名下的服務器上獲取一些數據，然后在網站B的域名http://www.anotherexample.com中展示這些數據。由于跨域訪問的限制，Ajax默認情況下無法直接在網站B的JavaScript代碼中獲取網站A的數據。

解決這個問題的一種常用方式是使用代理服務器。代理服務器是一個位于客戶端和目標服務器之間的中間服務器，它可以將客戶端發起的請求轉發給目標服務器，并將目標服務器返回的響應轉發給客戶端。在這種情況下，我們可以在網站B的JavaScript代碼中向網站B的服務器發送Ajax請求，然后網站B的服務器再將這個請求轉發給網站A的服務器，最后將網站A的服務器返回的數據發送回給網站B的JavaScript代碼。

下面是一個基于Node.js的示例代碼，演示了如何使用代理服務器來實現跨域請求：

<script>
async function fetchData() {
const response = await fetch('/api/proxy?url=http://www.example.com/data');
const data = await response.json();
// 在網站B中展示獲取到的數據
// ...
}
fetchData();
</script>

在這個示例中，我們在網站B的JavaScript代碼中使用fetch函數向網站B的服務器發送了一個請求，該請求的路徑是`/api/proxy?url=http://www.example.com/data`。這個請求會被網站B的服務器捕獲，并且根據`url`參數的值`http://www.example.com/data`，再向網站A的服務器發送一個請求。網站A的服務器返回的響應會被網站B的服務器轉發給網站B的JavaScript代碼。

在網站B的服務器上，我們需要編寫一個路由處理程序來處理這個代理請求：

const express = require('express');
const fetch = require('node-fetch');
const app = express();
app.get('/api/proxy', async (req, res) =>{
const url = req.query.url;
try {
const response = await fetch(url);
const responseData = await response.json();
res.json(responseData);
} catch (error) {
res.status(500).json({ error: 'Error fetching data' });
}
});
app.listen(3000, () =>{
console.log('Proxy server listening on port 3000');
});

在這個路由處理程序中，我們使用了Express和node-fetch庫。當接收到來自網站B的`/api/proxy`路徑下的GET請求時，我們從請求的查詢參數中獲取`url`參數的值，然后使用node-fetch庫向該URL發送一個請求。最后，我們將該請求的響應發送回網站B的JavaScript代碼。

通過使用代理服務器，我們成功地實現了在網站B的JavaScript代碼中跨域請求網站A的數據。代理服務器充當了一個中間層，幫助我們解決了Ajax跨域請求的問題。