Ajax（Asynchronous JavaScript and XML）是一種用于在不刷新整個頁面的情況下加載和展示數據的技術。通過Ajax，我們可以在前端使用JavaScript從其他網站獲取數據，而不需要用戶離開當前頁面。這種技術在今天的網頁開發中非常常見，它可以實現無縫的用戶體驗，同時減少網絡請求和頁面加載時間。

使用Ajax獲取其他網站數據的一個經典示例是天氣預報。假設我們的網站需要實時顯示不同城市的天氣情況，而不是僅僅提供一個鏈接跳轉用戶到一個天氣預報網站。

// Javascript代碼
function getWeather(city) {
var xhr = new XMLHttpRequest();
var url = 'https://api.weatherapi.com/v1/current.json?key=YOUR_API_KEY&q=' + city;
xhr.open('GET', url, true);
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
var weatherData = JSON.parse(xhr.responseText);
displayWeather(weatherData);
}
};
xhr.send();
}
function displayWeather(weatherData) {
// 根據獲取到的數據更新頁面上顯示的天氣情況
}

上面的代碼是一個使用Ajax獲取天氣數據的簡單示例。它通過向一個第三方天氣API發送GET請求，并在獲取到數據后將其顯示在頁面上。

除了天氣預報，我們還可以使用Ajax獲取其他網站的數據，例如新聞、股票報價、視頻和音頻等等。通過Ajax，我們可以將這些數據在我們自己的網站上展示出來，給用戶提供更好的體驗。

// Javascript代碼
function getNews() {
var xhr = new XMLHttpRequest();
var url = 'https://api.newsapi.com/v1/news?key=YOUR_API_KEY';
xhr.open('GET', url, true);
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
var newsData = JSON.parse(xhr.responseText);
displayNews(newsData);
}
};
xhr.send();
}
function displayNews(newsData) {
// 根據獲取到的數據更新頁面上顯示的新聞列表
}

上面的代碼通過獲取新聞API返回的數據，在頁面上展示新聞列表。這樣，用戶就可以在我們的網站上瀏覽不同來源的新聞，而無需離開當前頁面。

然而，值得注意的是，由于安全原因，瀏覽器有一些限制，防止惡意網站濫用Ajax獲取其他網站的數據。這被稱為“同源策略”（Same-Origin Policy）。同源策略要求Ajax請求只能從相同源（協議、域名和端口）上獲取數據。但是，我們可以通過代理服務器來解決這個問題。代理服務器接收Ajax請求，并將其轉發到其他網站，然后將返回的數據傳遞給我們的網站。這樣，我們的網站就可以正常獲取其他網站的數據。

總之，Ajax是一種強大的技術，可以幫助我們獲取其他網站的數據并在我們自己的網站上展示。通過Ajax，我們可以實現無縫的用戶體驗，提供更多功能和服務。然而，我們需要遵守同源策略，并在需要時使用代理服務器來解決跨域請求的問題。