XMLHttpRequest，不替换 div 中的内容

【问题标题】：XMLHttpRequest, not replace contents in a divXMLHttpRequest，不替换 div 中的内容
【发布时间】：2014-03-14 01:41:47
【问题描述】：

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”之后，我该怎么做？谢谢！

【问题讨论】：

标签： javascript html xmlhttprequest

【解决方案1】：

你能做的是——

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

如果你想在两者之间添加br -

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

编辑：

为了显示加载标志，您可以使用 JQuery 插件Malsup/blockui。这是非常容易使用。这里有详细的documentation 。

【讨论】：

它正在工作，但是有什么方法可以在内容加载时加载 gif 图像吗？如果不适合我。
我已经找到了加载的方法，现在可以了。