Javascript 通过ajax用html文件填充div_Javascript_Ajax_Html

Javascript 通过ajax用html文件填充div

javascript ajax html

Javascript 通过ajax用html文件填充div,javascript,ajax,html,Javascript,Ajax,Html,我的主html文件上有一个div <div id="content"></div> 和两个html文件：login.html和singup.html 我的页面顶部还有一个导航栏。单击login按钮时，是否可以使用AJAX将登录文件的内容填充到div中，单击register按钮时，是否可以使用singup.html填充div中的内容以下是按钮： <li><a href="#">Login</a></li> <l

我的主html文件上有一个div

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

和两个html文件：login.html和singup.html

我的页面顶部还有一个导航栏。单击login按钮时，是否可以使用AJAX将登录文件的内容填充到div中，单击register按钮时，是否可以使用singup.html填充div中的内容

以下是按钮：

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

只需获取请求的

responeText

，并设置

div.innerHTML=AJAX.responseText
如果您的login.html
页面构建为独立页面，我的意思是，包含..
标记-您可能只需要添加
标记的内部内容。您可以使用regexp获取它：
div.innerHTML = AJAX.responseText.replace( /<body>([\s\S]*)<\/body>/i , "$1" );

div.innerHTML=AJAX.responseText.replace（/（[\s\s]*）/i，“$1”）；
这里有一个小库，它将使用简单的标记用ajax调用的HTML响应填充元素；无需编写任何JS


它确实包含头部和身体标签。login.html的提取内容会使用main.html中使用的css吗？我必须如何准确地使用我的按钮？如果它位于加载页面的属性中。现在我明白了。。。无法将完整的HTML页面加载到中。您可以尝试，但结果将取决于浏览器…因此最好将login.html的内容保存在一个普通的txt文件中，然后加载它。但是我应该用什么链接呢？不要用链接。使用函数通过单击调用适当的AJAX请求。我现在给了按钮一个class=“register”和一个js文件，该文件将替换div的内容。它还不能工作。
<div data-ajax-url="http://example.com/api/product" data-ajax-type="html"></div>