異步刷新是一種無需頁面重載就可以實現內容更新的技術,使得頁面更加流暢,不會打斷用戶的操作流程。HTML的異步刷新可以通過AJAX技術實現。下面是一個簡單的示例代碼:
// 創建XMLHttpRequest對象 var xhr = null; if (window.XMLHttpRequest) { xhr = new XMLHttpRequest(); } else if (window.ActiveXObject) { xhr = new ActiveXObject("Microsoft.XMLHTTP"); } // 監聽xhr的狀態變化事件 xhr.onreadystatechange = function () { if (xhr.readyState == 4 && xhr.status == 200) { // 處理返回的數據 document.getElementById("result").innerHTML = xhr.responseText; } } // 發送異步請求 xhr.open("GET", "url", true); xhr.send(null);
代碼中使用了XMLHttpRequest對象來發送異步請求,通過監聽其狀態變化事件來處理返回的數據。在代碼執行時,會向指定的URL發送一個GET請求,并將返回的數據更新到ID為"result"的元素中。
上一篇vue實戰加載框架
下一篇html開頭代碼快捷鍵