跨域資源共享（Cross-Origin Resource Sharing，簡稱CORS）是一種瀏覽器技術，用于解決瀏覽器的同源策略所限制的跨域問題。同源策略指的是瀏覽器只允許網頁從同一個源加載資源，即協議、域名和端口號必須完全相同。CORS通過在 HTTP 請求頭中添加相關字段，允許網頁從不同的源訪問資源。本文將重點討論如何使用 AJAX 跨域傳遞參數。 AJAX（Asynchronous JavaScript and XML）是一種通過 JavaScript 發起 HTTP 請求的技術，可以實現在不刷新整個頁面的情況下與服務器進行數據交互。所以 AJAX 對于實現跨域傳遞參數非常有用。讓我們通過下面的例子來更好地理解。 假設我們有兩個網站，一個網站是 "example.com"，另一個是 "api.example.com"。我們希望在 "example.com" 的網頁上獲取來自 "api.example.com" 的數據。由于跨域限制，如果我們直接使用 AJAX 請求，那么瀏覽器會拒絕該請求。為了解決這個問題，我們需要在 "api.example.com" 的服務器端配置 CORS。 在 "api.example.com" 的服務器端，我們可以通過設置響應頭來允許 "example.com" 的請求。以下是一個使用 PHP 的例子：

header('Access-Control-Allow-Origin: http://example.com');
header('Access-Control-Allow-Methods: GET, POST, OPTIONS');
header('Access-Control-Allow-Headers: Content-Type');

上面的代碼設置了允許來自 "example.com" 的請求訪問資源，并且只允許 GET、POST 和 OPTIONS 方法。此外，還設置了允許的請求頭為 "Content-Type"。 在 "example.com" 的網頁中，我們使用 AJAX 發起請求并傳遞參數。以下是一個使用 jQuery 的例子：

$.ajax({
type: 'POST',
url: 'http://api.example.com/data',
data: JSON.stringify({ name: 'John', age: 30 }),
contentType: 'application/json',
crossDomain: true,
success: function(response) {
console.log(response);
},
error: function(xhr, status, error) {
console.log('Error: ' + error);
}
});

在上述代碼中，我們通過設置 "crossDomain" 為 true 來啟用跨域請求。我們還設置了請求的類型為 POST、URL 為 "http://api.example.com/data"、數據為 JSON 格式的字符串、內容類型為 "application/json"。 當服務器接收到請求時，可以通過讀取請求體中的參數來獲取傳遞的數據。以下是一個使用 Node.js 的例子：

const express = require('express');
const bodyParser = require('body-parser');
const app = express();
app.use(bodyParser.json());
app.post('/data', (req, res) =>{
const name = req.body.name;
const age = req.body.age;
// 處理數據并返回響應
res.json({ message: 'Hello ' + name + ', you are ' + age + ' years old!' });
});
app.listen(3000, () =>{
console.log('Server started on port 3000');
});

在上述代碼中，我們使用 Express 框架來創建一個服務器。通過使用 "body-parser" 中間件，我們可以解析請求體中的 JSON 數據。在處理請求時，我們從請求體中讀取參數 "name" 和 "age"，然后處理數據并返回響應。 通過上述例子，我們可以看到如何使用 AJAX 和 CORS 跨域傳遞參數。通過在服務器端配置 CORS，我們可以實現兩個不同源的網頁之間的數據交互。CORS 提供了一種安全的方式來跨域訪問資源，同時防止惡意代碼的濫用。而 AJAX 則提供了一種在不刷新整個頁面的情況下與服務器進行交互的方式，使得用戶體驗更加流暢。