从外部文件加载div到div

Question

为了减少我的索引页上的文件大小，我试图从另一个页面加载div到当前页面上的div使用ajax，问题是我得到整个页面，当我宁愿只需从外部文件加载某些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/

检查“加载页面片段”段加载页面的特定集团。 它会像$('#display').load("view_login.php .visible");在你的情况