元素：

html
<div id="weatherData"></div>

接下來，我們來編寫JavaScript代碼。首先，我們需要創(chuàng)建一個XMLHttpRequest對象：

javascript
var xhr = new XMLHttpRequest();

然后，我們需要指定一個回調(diào)函數(shù)，用于處理響應數(shù)據(jù)。在該函數(shù)中，我們可以將響應數(shù)據(jù)更新到頁面：

javascript
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
var weatherData = xhr.responseText;  // 獲取響應數(shù)據(jù)
document.getElementById("weatherData").innerHTML = weatherData;  // 將響應數(shù)據(jù)更新到頁面
}
};

接下來，我們需要使用open方法指定請求的類型（GET或POST）以及服務(wù)器端的URL：

javascript
xhr.open("GET", "http://example.com/weather", true);

然后，我們可以使用send方法發(fā)送請求到服務(wù)器：

javascript
xhr.send();

以上就是基本的Ajax請求設(shè)置。當我們點擊"查詢"按鈕時，該請求將會被發(fā)送到服務(wù)器，服務(wù)器返回的天氣數(shù)據(jù)將通過回調(diào)函數(shù)中的代碼更新到頁面上。
當然，以上只是一個簡單的示例，實際開發(fā)中可能會更復雜。例如，我們可能需要在請求中包含一些參數(shù)，例如城市名稱：

javascript
var cityName = "Beijing";
xhr.open("GET", "http://example.com/weather?city=" + cityName, true);

另外，我們也可以使用POST方法來發(fā)送請求，將參數(shù)放在請求的主體部分：

javascript
var cityName = "Beijing";
xhr.open("POST", "http://example.com/weather", true);
xhr.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
xhr.send("city=" + encodeURIComponent(cityName));

這里的encodeURIComponent函數(shù)用于將參數(shù)中的特殊字符進行編碼，以防止出現(xiàn)錯誤。
總結(jié)辯證地說，手動使用原生JavaScript來獲取Ajax響應數(shù)據(jù)可能相對繁瑣，但它提供了更大的靈活性和控制權(quán)。通過上述示例，我們可以看到，使用Ajax可以實現(xiàn)在不重新加載整個頁面的情況下，動態(tài)地獲取服務(wù)器的響應數(shù)據(jù)，并將其更新到頁面上。這為開發(fā)人員提供了更好的用戶體驗和更高效的交互方式。無論是像天氣預報應用程序一樣簡單的頁面，還是像在線購物網(wǎng)站一樣復雜的應用程序，使用Ajax都是非常有用的技術(shù)。