XMLHttpRequest,不替换div中的内容

时间:2014-03-13 17:14:07

标签: javascript html xmlhttprequest

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'之后,我该怎么做? THX!

1 个答案:

答案 0 :(得分:2)

你能做的是 -

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

如果您想在其间添加br -

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

编辑:

要显示加载标志,您可以使用JQuery插件Malsup/blockui。这是非常容易使用。以下是详细的documentation