javascript - 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 .这是非常容易使用。这里有详细documentation同样。