AJAX（Asynchronous JavaScript and XML）是一種使用前端技術與后端進行異步通信的方法。然而，由于同源策略的限制，當前端請求的資源位于不同的域時，便會觸發跨域問題。為了解決這個問題，可以通過在AJAX請求中加入Header頭部進行跨域處理。本文將探討如何使用AJAX加入Header頭部來解決跨域問題。

假設我們的網站域名是www.example.com，而我們需要向另一個域名為api.example.com的服務器發起AJAX請求獲取數據。由于跨域問題，我們無法直接使用AJAX進行通信。一個常見的解決辦法是在服務器端進行設置，允許跨域訪問。然而，如果我們無法控制服務器的設置，或者只想在前端進行解決，那么可以通過在AJAX請求中加入Header頭部來實現跨域。

$.ajax({
url: 'http://api.example.com/data',
type: 'GET',
headers: {
'Access-Control-Allow-Origin': 'http://www.example.com',
'Access-Control-Allow-Headers': 'Content-Type'
},
success: function(data) {
// 處理數據
},
error: function() {
// 處理錯誤
}
});

在上述代碼中，我們使用了jQuery的$.ajax()方法發起一個GET請求，并通過設置headers屬性加入了兩個Header頭部：Access-Control-Allow-Origin和Access-Control-Allow-Headers。其中，Access-Control-Allow-Origin指定了允許訪問的域名，這里是http://www.example.com。Access-Control-Allow-Headers指定了允許的請求頭部，這里是Content-Type。

通過添加這兩個Header頭部，我們告訴瀏覽器允許www.example.com這個域名進行跨域訪問，并且允許該域名發送Content-Type這個請求頭部。這樣一來，瀏覽器就不會阻止該AJAX請求，實現了跨域通信。

除了上述例子中的Header頭部，還有其他常用的Header頭部可以用于跨域處理。例如，Access-Control-Allow-Methods用于指定允許的請求方法，Access-Control-Allow-Credentials用于指定是否允許發送Cookie等。根據實際需求，可以添加適當的Header頭部來進行跨域處理。

$.ajax({
url: 'http://api.example.com/data',
type: 'GET',
headers: {
'Access-Control-Allow-Origin': 'http://www.example.com',
'Access-Control-Allow-Methods': 'GET, POST, PUT, DELETE',
'Access-Control-Allow-Credentials': true
},
success: function(data) {
// 處理數據
},
error: function() {
// 處理錯誤
}
});

在上述代碼中，我們添加了Access-Control-Allow-Methods和Access-Control-Allow-Credentials兩個Header頭部。其中，Access-Control-Allow-Methods指定了允許的請求方法，包括GET、POST、PUT和DELETE。Access-Control-Allow-Credentials設置為true，表示允許發送Cookies。

總之，通過在AJAX請求中加入Header頭部，我們可以解決跨域問題，實現與不同域的服務器進行通信。根據不同的需求，可以添加不同的Header頭部來滿足跨域通信的要求。