AJAX（Asynchronous JavaScript and XML）是一種可以實現在不重新加載整個頁面的情況下，通過與服務器進行異步通信的技術。與傳統的頁面請求方式相比，AJAX能夠提供更快的響應速度和更好的用戶體驗。本文將介紹如何使用AJAX發送Basic認證信息，并提供一些實際的示例。

Basic認證是HTTP中一種簡單的身份驗證方式。當向服務器發送請求時，可以在請求頭中加入Authorization字段，該字段的值為"Basic"加上經過Base64編碼的用戶名和密碼的組合。

var xhr = new XMLHttpRequest();
xhr.open('GET', 'https://www.example.com/api/data', true);
xhr.setRequestHeader('Authorization', 'Basic ' + btoa('username:password'));
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
var response = JSON.parse(xhr.responseText);
// 處理響應數據
}
};
xhr.send();

在上述示例中，XMLHttpRequest對象被用于發送AJAX請求。首先，通過open方法指定請求的方式、URL和是否異步。接著，使用setRequestHeader方法設置Authorization字段，其值為"Basic"加上經過Base64編碼的用戶名和密碼的組合。然后，通過onreadystatechange事件來監聽請求的狀態變化，并在狀態為4（請求已完成）并且狀態碼為200（成功）時，處理服務器返回的響應數據。

下面是另一個使用jQuery庫的示例：

$.ajax({
url: 'https://www.example.com/api/data',
type: 'GET',
beforeSend: function(xhr) {
xhr.setRequestHeader('Authorization', 'Basic ' + btoa('username:password'));
},
success: function(response) {
// 處理響應數據
}
});

在這個示例中，使用了jQuery庫提供的ajax方法來發送AJAX請求。通過設置beforeSend屬性，可以在發送請求之前設置請求頭的Authorization字段。當請求成功返回時，使用success回調函數來處理響應數據。

需要注意的是，Basic認證的用戶名和密碼必須經過Base64編碼。在示例中，可以使用JavaScript的btoa函數來進行編碼。另外，為了安全起見，建議將用戶名和密碼通過HTTPS協議進行加密傳輸。

總結而言，通過使用AJAX發送Basic認證信息，我們可以在與服務器進行通信時提供更安全的身份驗證方式。無論是使用原生的XMLHttpRequest對象還是借助庫如jQuery，AJAX都能夠幫助我們實現更快捷、高效的網頁交互。