當今的網頁開發中，Ajax已經成為了一種不可或缺的技術。通過使用Ajax，我們可以在不重新加載整個頁面的情況下，從服務器異步獲取數據并通過JavaScript進行處理。其中，最常見的應用之一就是將服務器返回的數據賦值給HTML頁面上的div元素。本文將通過多個實例來詳細講解如何使用Ajax接收返回值并將其賦給div元素，以及相關的代碼實現。
假設我們的頁面上有一個div元素，其id為"result"，我們需要使用Ajax來將服務器返回的數據賦給這個div元素。首先，我們需要編寫一個JavaScript函數，用于發起Ajax請求并處理返回的數據。

html
<script>
function getData() {
var xhr = new XMLHttpRequest(); // 創建一個XMLHttpRequest對象
xhr.open("GET", "data.php", true); // 指定HTTP請求方式、URL和是否異步
xhr.onreadystatechange = function() {
// 當readyState屬性改變時執行的回調函數
if (xhr.readyState === 4 && xhr.status === 200) {
// 當readyState為4（請求已完成），并且status為200（請求成功）時執行以下代碼
var responseData = xhr.responseText; // 獲取服務器返回的數據
document.getElementById("result").innerHTML = responseData; // 將數據賦給div元素
}
};
xhr.send(); // 發送Ajax請求
}
</script>

上述代碼中，我們定義了一個名為getData()的函數，其中，xhr表示XMLHttpRequest對象。我們通過調用xhr.open()方法來指定請求的方式、URL和是否異步。在調用xhr.send()方法之前，我們還需要為xhr.onreadystatechange屬性賦一個匿名函數。當xhr對象的readyState屬性改變時，該匿名函數將被調用。在這個匿名函數中，我們首先判斷readyState是否為4（即請求已經完成），并且status是否為200（即請求成功）。如果滿足這兩個條件，那么我們就可以通過xhr.responseText獲取到服務器返回的數據，并將其賦值給id為"result"的div元素的innerHTML屬性。
接下來，我們需要在頁面中調用getData()函數來發起Ajax請求，從服務器獲取數據并將其賦值給div元素。可以通過點擊按鈕、加載頁面時自動觸發等方式來調用這個函數。下面是一個使用按鈕來觸發的例子：

html
<button onclick="getData()">獲取數據</button>
<div id="result"></div>

當用戶點擊"獲取數據"按鈕時，就會調用getData()函數，發起Ajax請求，并將服務器返回的數據賦值給id為"result"的div元素。
除了上面的例子，我們還可以進一步擴展，實現動態更新數據的功能。假設我們的服務器端在每秒鐘都會生成一個隨機數，并將其返回給客戶端。那么，我們可以通過以下代碼實現動態更新數據的效果：

html
<script>
function loadData() {
var xhr = new XMLHttpRequest(); // 創建一個XMLHttpRequest對象
xhr.open("GET", "data.php", true); // 指定HTTP請求方式、URL和是否異步
xhr.onreadystatechange = function() {
// 當readyState屬性改變時執行的回調函數
if (xhr.readyState === 4 && xhr.status === 200) {
// 當readyState為4（請求已完成），并且status為200（請求成功）時執行以下代碼
var responseData = xhr.responseText; // 獲取服務器返回的數據
document.getElementById("result").innerHTML = responseData; // 將數據賦給div元素
}
};
xhr.send(); // 發送Ajax請求
}
setInterval(loadData, 1000); // 每秒鐘調用一次loadData函數，實現動態更新數據
</script>

在這個例子中，我們使用了setInterval()函數來每秒鐘調用loadData()函數一次，從而實現了動態更新數據的效果。每次調用loadData()函數時，都會發起一次Ajax請求，從服務器獲取最新的數據并將其賦值給div元素。
通過上述實例，我們可以看到如何使用Ajax接收返回值，并將其賦值給div元素。不過需要注意的是，由于瀏覽器的同源策略限制，當跨域請求時可能會遇到問題。為了解決這個問題，我們可以使用JSONP等其他技術。希望本文對于你理解Ajax接收返回值賦給div有所幫助。