javascript - 通过ajax用html文件填充div

Question

我的主 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>

score 2 · Accepted Answer

只需获取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" );

1 回答 1