AJAX (Asynchronous JavaScript and XML) 是一種用于創(chuàng)建交互式網(wǎng)頁應用程序的技術。它利用 JavaScript 和 XML 與服務器進行異步通信，從而實現(xiàn)頁面的局部刷新。

當我們使用 AJAX 在同一域名下進行數(shù)據(jù)傳輸時，一切都很順利。但是，當我們需要在不同域名之間傳遞數(shù)據(jù)時，就需要考慮跨域的問題。跨域是指在瀏覽器的同源策略下，不同域名之間無法進行直接的通信。

JSON (JavaScript Object Notation) 是一種用于數(shù)據(jù)傳輸?shù)妮p量級數(shù)據(jù)交換格式。在 AJAX 中，我們可以使用 JSON 格式來傳遞參數(shù)和接收服務器的響應。

那么，如何通過 AJAX 在跨域情況下傳遞 JSON 參數(shù)呢？下面將提供一些示例來說明這個過程。

假設我們的網(wǎng)站域名是 www.example.com，我們需要向另一個域名為 api.example.com 的服務器發(fā)送一個 POST 請求，并傳遞 JSON 參數(shù)。

首先，我們需要創(chuàng)建一個 XMLHttpRequest 對象：

var xhr = new XMLHttpRequest();

然后，我們需要指定請求的方式和目標 URL：

var url = "http://api.example.com/api";
xhr.open("POST", url, true);

接下來，我們需要設置請求頭部，告訴服務器我們將發(fā)送 JSON 數(shù)據(jù)：

xhr.setRequestHeader("Content-Type", "application/json");

現(xiàn)在，我們可以將 JSON 對象轉(zhuǎn)換為字符串，并將其作為請求體發(fā)送給服務器：

var data = { name: "John", age: 30 };
xhr.send(JSON.stringify(data));

這樣，我們就成功地將 JSON 參數(shù)通過 AJAX 發(fā)送給了 api.example.com。服務端可以通過解析請求體中的 JSON 數(shù)據(jù)來獲取相應的參數(shù)。

在這個例子中，我們通過將 JSON 參數(shù)包含在請求體中的方式傳遞了數(shù)據(jù)。當然，我們也可以通過 GET 請求將 JSON 參數(shù)作為 URL 的查詢參數(shù)傳遞：

var url = "http://api.example.com/api?data=" + encodeURIComponent(JSON.stringify(data));
xhr.open("GET", url, true);
xhr.send();

這種方式將 JSON 參數(shù)作為 URL 的一部分傳遞給服務器。服務器端可以通過解析 URL 中的查詢參數(shù)來獲取 JSON 數(shù)據(jù)。

除了上面介紹的兩種方式，還可以通過其他方法來傳遞 JSON 參數(shù)。比如，利用 HTML5 中新增的跨域通信特性 CORS (Cross-Origin Resource Sharing)。

CORS 允許服務器指定允許訪問的跨域資源，因此我們不再需要通過 AJAX 進行跨域數(shù)據(jù)傳遞時的各種技巧。

綜上所述，我們可以通過 AJAX 在跨域情況下傳遞 JSON 參數(shù)。無論是將 JSON 參數(shù)包含在請求體中，還是作為 URL 的查詢參數(shù)，都可以實現(xiàn)跨域的數(shù)據(jù)傳遞。

雖然跨域的數(shù)據(jù)傳遞相對復雜，但借助 AJAX 技術和 JSON 格式的支持，我們可以輕松地解決這個問題，從而實現(xiàn)更加強大和豐富的網(wǎng)頁應用。