AJAX是一種非常流行的網頁開發(fā)技術,它可以讓網頁實現異步交互,使得網頁在不刷新的情況下實現內容的更新。在使用AJAX中,我們有時需要向網頁中添加HTML代碼。接下來我們將介紹如何使用AJAX向網頁中添加HTML代碼。
// 創(chuàng)建一個XMLHttpRequest對象 var xhttp = new XMLHttpRequest(); // 綁定onreadystatechange事件 xhttp.onreadystatechange = function() { // 如果請求成功并且響應狀態(tài)為200,表示請求成功 if (this.readyState == 4 && this.status == 200) { // 獲取要更新的DOM元素 var mydiv = document.getElementById("mydiv"); // 在DOM元素中添加HTML代碼 mydiv.innerHTML = this.responseText; } }; // 發(fā)送GET請求 xhttp.open("GET", "htmlCode.html", true); xhttp.send();
在上面的代碼中,我們首先創(chuàng)建了一個XMLHttpRequest對象,然后通過綁定onreadystatechange事件來處理響應。在事件處理函數中,我們首先判斷響應狀態(tài)是否為200,如果是則將獲取的HTML代碼添加到頁面中。在使用AJAX向網頁中添加HTML代碼時,需要注意在響應的HTML代碼中不能包含script標簽,否則可能會導致安全問題。