html 怎么局部刷新界面

HTML 不同于編程語言，它只是一種標記語言。要實現局部刷新，需要結合其他技術，比如JavaScript 和 AJAX。

其中，JavaScript 可以監聽頁面事件，比如點擊按鈕，然后在無需重新加載整個網頁的情況下更新局部區域。而 AJAX 可以通過與服務器進行交互，實現異步更新數據，從而實現局部刷新。

以下是一個簡單的例子，展示了如何使用 JavaScript 和 AJAX 實現局部刷新：

<!-- HTML 頁面 -->
<div id="myDiv">點擊按鈕，我將被更新</div>
<button onclick="update()">更新</button>
<!-- JavaScript 代碼 -->
<script>
function update() {
  // 創建 XMLHttpRequest 對象
  var xhttp = new XMLHttpRequest();
  
  // 處理響應結果
  xhttp.onreadystatechange = function() {
    if (this.readyState == 4 && this.status == 200) {
      // 更新 DIV
      document.getElementById("myDiv").innerHTML = this.responseText;
    }
  };
  
  // 發送請求
  xhttp.open("GET", "update.php", true);
  xhttp.send();
}
</script>
<!-- update.php 代碼 -->
<?php
echo "這是新的內容";
?>

當用戶點擊“更新”按鈕時，JavaScript 會發送一個 AJAX 請求到服務器的 update.php 頁面。服務器響應后，JavaScript 會更新頁面中 id 為“myDiv”的 DIV 的內容。這樣就實現了局部刷新。