在現代網頁開發中，Ajax（Asynchronous JavaScript and XML）成為了很常用的技術。通過Ajax，網頁可以實現異步加載和傳輸數據，不需要重新加載整個頁面，能夠提升用戶的交互體驗。其中，將數據傳輸到HTML中是Ajax的常見應用之一。通過Ajax，我們可以將服務器端的數據直接傳輸到網頁的HTML中，并實時更新顯示在用戶界面上。

舉個例子來說明，假設我們正在開發一個天氣預報網站。當用戶打開網頁時，需要將天氣信息從服務器獲取，并顯示在網頁上。傳統的做法是用戶打開網頁后，整個頁面都要重新加載，再從服務器獲取數據，然后顯示在網頁上。這樣不僅耗費用戶的時間，而且十分不友好。

然而，通過Ajax，我們可以實現用戶打開網頁后，僅加載一部分初始的HTML內容，然后通過Ajax請求，將天氣預報數據獲取到，并將其實時更新到網頁的HTML中。這樣用戶就能夠快速獲取到天氣預報信息，而無需等待整個頁面重新加載。

function getWeather() {
var xhr = new XMLHttpRequest();
xhr.open("GET", "http://www.example.com/weather", true);
xhr.onreadystatechange = function() {
if (xhr.readyState === XMLHttpRequest.DONE && xhr.status === 200) {
var weatherData = JSON.parse(xhr.responseText);
document.getElementById("weather").innerHTML =  "今天的天氣：" + weatherData.weather;
}
};
xhr.send();
}

在上面的例子中，我們通過XMLHttpRequest對象創建了一個異步的HTTP GET請求。然后通過open()方法指定了請求的URL和方法，true表示使用異步模式。當請求狀態發生改變時，會執行onreadystatechange事件處理程序。如果請求的狀態為XMLHttpRequest.DONE，并且HTTP狀態碼為200（即請求成功），則我們從服務器獲取到了天氣數據的JSON字符串，將其解析為JavaScript對象，并將其中的天氣信息更新到HTML中。

通過上述代碼，我們可以在網頁中的某個元素中顯示獲取到的天氣信息，而不需要重新加載整個頁面。這大大提升了用戶體驗，使得用戶能夠快速地獲取到實時的天氣預報。

當然，ajax傳輸數據到HTML中并不局限于天氣預報這個例子。它可以用于任何數據的實時更新。例如，在一個電子商務網站中，如果用戶在購物車中加入了一件商品，我們可以通過Ajax將這個商品的信息傳輸到用戶的購物車界面，而無需整個頁面重新加載。

總之，Ajax是一種強大的技術，能夠使得網頁在實時更新數據時不需要重新加載整個頁面，具有良好的用戶交互體驗。將數據傳輸到HTML中是Ajax的常見應用之一。通過Ajax，我們可以實現異步獲取服務器端的數據，并將其更新到網頁的HTML中。無論是天氣預報、購物車還是其他實時數據的更新，Ajax都能夠很好地滿足其需求。