在Web開發中，我們經常需要向服務器發送請求并接收響應數據。為了提升用戶體驗，我們希望能夠在不刷新整個頁面的情況下更新特定的數據或內容。這時候，Ajax（Asynchronous JavaScript and XML）就派上了用場。通過使用Ajax技術，我們可以異步地從服務器獲取數據并將其更新到頁面上，而不會打斷用戶正在進行的操作。
以一個簡單的例子來說明Ajax如何獲取model的值。假設我們有一個電商網站，我們需要在商品詳情頁面上顯示某個商品的庫存數量。在不使用Ajax的情況下，我們可能需要每次刷新頁面時都向服務器發送一個新的請求來獲取庫存數量。這會造成頁面刷新的延遲和用戶體驗的下降。而使用Ajax，我們可以在頁面加載時通過異步請求獲取庫存數量，然后更新到頁面上，從而實現實時更新和更好的用戶體驗。
要使用Ajax獲取model的值，我們首先需要創建一個XMLHttpRequest對象。在JavaScript中，我們可以使用如下代碼來實現：

var xhr = new XMLHttpRequest();

接下來，我們需要指定服務器端的url地址和請求的方法。假設我們的服務器端地址是/api/product/stock，我們可以使用如下代碼將請求方式設置為GET并指定url：

xhr.open("GET", "/api/product/stock", true);

在這個例子中，我們通過GET請求獲取庫存數量的數據。對于其他類型的請求，如POST或PUT，我們可以根據實際情況進行設置。true參數表示該請求是異步的，也就是說，我們可以在發送請求的同時執行其他的操作。
然后，我們需要設置回調函數來處理服務器的響應。回調函數會在服務器成功響應后被調用，并可以通過如下代碼指定：

xhr.onload = function() {
if (xhr.status === 200) {
var stock = xhr.responseText;
// 在這里更新頁面上的庫存數量
document.getElementById("stock").textContent = stock;
}
};

在這個例子中，當服務器成功響應后（狀態碼為200），我們將獲取到的響應數據存儲在stock變量中，并將其更新到id為stock的元素上。
最后，我們需要發送請求到服務器，并可以在發送請求前執行一些特定的操作。我們可以使用如下代碼發送請求：

xhr.send();

這樣，Ajax請求就被發送到服務器了，并且我們可以繼續執行其他的操作。
總結起來，通過使用Ajax技術，我們可以在不刷新整個頁面的情況下，從服務器獲取model的值并更新到頁面上。這樣可以提升用戶體驗，減少不必要的頁面刷新，同時保持頁面的實時性。在本文中，我們以一個簡單的例子來說明了如何使用Ajax來獲取model的值，并通過舉例說明代碼的實現過程。希望讀者通過本文能夠對Ajax的使用有更為深入的理解。