在web開發中,ajax是一個非常常用的技術,它可以使網頁實現“異步刷新”。
在實際開發中,有時候需要在頁面中動態加載某一元素,比如一個div或圖片等。本文將介紹如何使用ajax加載元素,并且不使用css樣式來渲染元素。
// 創建一個XMLHttpRequest對象 var xhr = new XMLHttpRequest(); // 監聽狀態變化 xhr.onreadystatechange = function() { if (xhr.readyState === XMLHttpRequest.DONE && xhr.status === 200) { // 在目標元素中插入響應的內容 document.getElementById("target").innerHTML = xhr.responseText; } } // 發送ajax請求 xhr.open("GET", "example.php", true); xhr.send();
上面的代碼中,我們使用了XMLHttpRequest對象發送了一個get請求。當請求響應成功后,我們會通過innerHTML屬性,將響應的內容插入到指定的目標元素中。
使用上述方法,我們可以無需css樣式,動態創建和渲染我們需要的元素。