Блог

Чтобы уменьшить размер файла на моей индексной странице, я попытался загрузить в div с другой страницы в div на текущей странице с помощью ajax, проблема в том, что я получаю всю страницу, хотя я предпочел бы просто загрузить определенный div из внешнего файла.

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

Где display — это 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 вместо всей страницы тело, заголовок и все остальное?

Вы можете использовать функцию загрузки из jquery: http://api.jquery.com/load /

Проверьте пункт «Загрузка фрагментов страницы», чтобы загрузить определенный блок страницы. Это будет что-то вроде $('#display').load( "view_login.php .visible" ); в вашем случае