通过ajax用html文件填充div答案

【问题标题】：fill div with html file via ajax通过ajax用html文件填充div
【发布时间】：2015-03-23 12:24:28
【问题描述】：

我的主 html 文件上有一个 div；

<div id="content"></div>

还有两个 html 文件：login.html 和 singup.html。

我的页面顶部还有一个导航栏。是否可以在点击登录按钮时用登录文件的内容用AJAX填充div的内容，点击注册按钮时用singup.html填充？

这些是按钮：

<li><a href="#">Login</a></li>
<li><a href="#">Register</a></li>

【问题讨论】：

【解决方案1】：

只需获取请求的responeText 并设置div.innerHTML = AJAX.responseText;。

如果您的 login.html 页面构建为独立页面，我的意思是，包含 <html><head></head><body>...</body></html> 标记 - 您可能只想添加 <body> 标记的内部内容。您可以使用正则表达式来获取它：

div.innerHTML = AJAX.responseText.replace( /<body>([\s\S]*)<\/body>/i , "$1" );

【讨论】：