将div从外部文件加载到div中

Question

为了减少索引页面上的文件大小，我试图使用ajax将div从另一个页面加载到当前页面上的div中，问题是当我宁愿从外部加载某些div时，我得到了整个页面而是改为文件。

var login = document.getElementById('display');
login.innerHTML = '<object type="text/html" data="view_login.php"></object>';

显示是div我想要将新内容加载到。

索引

<div id="display">Ajax content goes here</div>

view_login.php

<div id="visible">

<form action="login/login.php" method="post">
<input type="text" name="username" placeholder="username" />
<input type="password" name="password" placeholder="password" />
<input type="submit" value="Sign in" />
</form>
</div>

如何加载visible而不是整个页面，包含正文，标题和所有内容？

Answer 1

您可以使用jquery：http://api.jquery.com/load/

中的加载函数

检查＆＃34;加载页面碎片＆＃34;段落加载页面的特定块。 在您的情况下，它将类似于$('#display').load( "view_login.php .visible" );