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