Charger div de fichier externe dans div

Question

Pour réduire la taille du fichier sur ma page d'index, j'ai essayé de charger en div d'une autre page dans un div sur la page actuelle en utilisant ajax, le problème est que je reçois la page entière quand je préfère Il suffit de charger certains div du fichier externe à la place.

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

Où l'affichage est le div je veux charger le nouveau contenu dans.

index

<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> 

Comment pourrais-je charger visible au lieu de la page entière avec le corps, en-tête et tout?

Answer 1

Vous pouvez utiliser la fonction de charge de jquery: http://api.jquery.com/load/

Vérifiez le paragraphe pour charger un bloc spécifique « Fragments de chargement de page » de la page. Ce sera quelque chose comme $('#display').load("view_login.php .visible"); dans votre cas