在現代Web開發中，我們常常需要從一個域名下的服務器獲取數據，并在另一個域名下的網頁中使用這些數據。然而，由于瀏覽器的同源策略限制，直接在JavaScript代碼中進行跨域請求是被禁止的。為了解決這個問題，我們可以使用Ajax技術來進行跨域請求，其中最常用的是使用GET方法。本文將以一個簡單的案例來演示如何使用Ajax GET方法進行跨域請求，并展示其實際應用場景。

假設我們的網站當前的域名是www.example.com，現在我們想要獲取另一個域名下的數據，比如api.example.com。由于同源策略的限制，我們無法直接在www.example.com的JavaScript代碼中使用Ajax進行跨域請求。然而，我們可以通過一個簡單的后端技巧來繞過這個限制。

首先，我們可以在api.example.com的后端服務器上創建一個允許跨域訪問的接口。這個接口將接收來自其他域名的請求，并返回對應的數據。接口的代碼可能如下：

// api.example.com/cross-domain-api
app.get('/cross-domain-api', (req, res) =>{
// 獲取數據的邏輯代碼
const data = {
name: 'John',
age: 25
};
res.json(data);
});

接下來，我們在www.example.com的網頁中使用Ajax GET方法來請求這個接口。代碼可能如下：

// www.example.com的JavaScript代碼
$.ajax({
url: 'http://api.example.com/cross-domain-api',
method: 'GET',
success: function(response) {
// 處理返回的數據
console.log(response.name);
console.log(response.age);
},
error: function() {
// 處理請求錯誤
}
});

在這個例子中，我們使用了jQuery庫的ajax方法來發送GET請求。我們只需要指定跨域請求的URL，并設置請求方法為GET。當請求成功后，服務器將返回對應的數據，并在success回調函數中進行處理。如果請求出現錯誤，則可以在error回調函數中進行處理。

這個案例演示了使用Ajax GET方法進行跨域請求的基本流程。實際應用中，我們可以根據需求進行一些定制化的操作，比如在請求頭中添加額外的認證信息、處理返回的錯誤狀態碼等等。

總結來說，通過使用Ajax GET方法，我們可以方便地進行跨域請求，并在不同域名下的網頁中使用獲取到的數據。這種技術在現代Web開發中非常常見，尤其是在構建前后端分離的應用程序時更為重要。