XMLHttpRequest，而不是替換div中的內容

Question

function loadXMLDoc()
{
if (window.XMLHttpRequest)
  {// code for IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
  }
xmlhttp.onreadystatechange=function()
  {
  if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
    document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
    }
  }
xmlhttp.open("GET","loadnews.php",true);
xmlhttp.send();
}

<div id="myDiv"></div>
<button type="button" onclick="loadXMLDoc()">Load More News</button>

我如何使用XMLHTTPREQUEST刷新新聞博客頁面，我已經在上面嘗試過，但是以上操作在第一次時就可以了，第二次替換了內容，我不想替換或刪除預覽內容，而是放新的例如，在“ br”或“ hr”之后換行的內容，我該怎么做？ 謝謝！

Answer 1

您可以做的是-

document.getElementById("myDiv").innerHTML += xmlhttp.responseText;

如果要在兩者之間添加br ，則-

document.getElementById("myDiv").innerHTML = document.getElementById("myDiv").innerHTML + '</br>' + xmlhttp.responseText;

編輯：

為了顯示加載標志，您可以使用JQuery插件Malsup / blockui 。 這是非常容易使用。 這是相同的詳細文檔 。