在現代的網頁開發中，為了提高用戶體驗和頁面加載速度，異步刷新已經成為了一種常見的技術手段。在HTML中，異步刷新通常需要借助Ajax技術來實現。下面是一段簡單的HTML異步刷新代碼：
<html>
<head>
<script>
function ajax(){
var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
document.getElementById("content").innerHTML = this.responseText;
}
};
xhttp.open("GET", "data.txt", true);
xhttp.send();
}
</script>
</head>
<body>
<div id="content"></div>
<button onclick="ajax()">刷新內容</button>
</body>
</html>從上面的代碼可以看出，我們首先定義了一個名為ajax()的函數，這個函數通過XMLHttpRequest對象向服務器發起異步請求。當服務器返回數據后，我們通過JavaScript的DOM操作將獲取到的數據寫入頁面中指定的
元素中，從而實現頁面內容的異步刷新。
此外，我們還為頁面添加了一個刷新按鈕，在用戶點擊該按鈕時調用ajax()函數來異步刷新頁面內容。這種方式相比于傳統的同步刷新方式，能夠大幅減少頁面加載時間，提高用戶訪問體驗。
總的來說，HTML異步刷新是一種非常重要的技術手段，通過Ajax技術的應用，我們可以讓頁面更加高效、便捷地獲取數據，極大地提高了用戶體驗和交互性。
下一篇html建表代碼