在網頁開發中，經常會遇到需要實時獲取用戶點擊時的value值的需求。為了實現動態交互和無需刷新頁面的操作，我們可以利用Ajax技術來實現這一功能。

舉個例子，假設我們正在開發一個電商網站，用戶可以通過點擊不同的商品來選擇購買。當用戶點擊某個商品時，我們需要獲取該商品的value值，并展示在頁面上，以便用戶確認自己選擇的商品。這時，就可以使用Ajax來實現動態獲取點擊時的value值。

首先，我們需要在網頁中引入jQuery庫，以便使用其中提供的Ajax方法。在head標簽中添加以下代碼：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

接下來，我們可以在頁面中設置一個按鈕或者其他可以點擊的元素，當用戶點擊時觸發相應的事件。假設我們有一個商品列表，每個商品都有一個value值，我們可以使用以下代碼來獲取用戶點擊時的value值：

$('button').click(function() {
var value = $(this).val();
console.log(value);
});

在上述代碼中，當用戶點擊按鈕時，會觸發click事件。通過$(this)方法獲取被點擊的元素，再使用val()方法獲取該元素的value值，并將其打印在控制臺中。

繼續以電商網站為例，如果我們希望在用戶點擊商品后，將選中的商品信息展示在頁面上，可以使用以下代碼：

$('button').click(function() {
var value = $(this).val();
$('#selected-product').text(value);
});

在上述代碼中，當用戶點擊按鈕時，首先獲取其value值，并使用text()方法將該value值設置為id為selected-product的元素的內容。這樣，用戶點擊的商品信息就會實時展示在頁面上。

除了按鈕，我們還可以使用其他元素來進行點擊事件的監聽，例如使用div元素來模擬開關。假設我們有一個開關模塊，用戶點擊開關時，我們希望獲取到開關的狀態：

$('#switch').click(function() {
var state = $(this).attr('data-state');
console.log(state);
});

在上述代碼中，當用戶點擊開關模塊時，會觸發click事件。通過$(this)方法獲取被點擊的元素，再使用attr('data-state')方法獲取該元素的data-state屬性值，并將其打印在控制臺中。這樣，我們就可以獲取到開關的狀態了。

總結來說，通過使用Ajax技術，我們可以輕松實現動態獲取點擊時的value值。無論是按鈕、開關還是其他可點擊的元素，都可以通過監聽事件來獲取用戶點擊時的value值，并實時展示在頁面上。這為用戶提供了更好的交互體驗，并使網頁更加動態和響應式。