Recharger le contenu d'une page sans rediriger

**moha93** · 12/03/2015, 15h31

Bonjour tout le monde,
comment faire pour charger le contenu d'une page ".../page1.html" par le contenu d'une autre ".../page2.html" sans avoir une redirection par exemple par l'appel :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

document.location.href=".../page2.html";

pour vous illustrer je prend l'exemple le plus simple:
page1:

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
<html>
<head><title>page1</title>
<script>
function fct(){...........}
</head>
<body>
Bonjour je suis la page1
<button onclick="fct();">clicker ici</button>
</body></html>

page2:

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
<html>
<head><title>page1</title></head>
<body>
Bonjour je suis la page 2
</body></html>

autrement dit afficher page2 tout en ayant l'url de page1

merci

**sekaijin** · 12/03/2015, 19h49

il te faut passer par AJAX

tu fais une requête AJAX et lorsque la réponse arrive tu fais

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

document.body.innerHTML = xhr.responseXML.getElementsByTagName("BODY")[0].innerHTML;

Soit donc remplacer le html du body de ta page courante par celui qu te as reçus.

Attention si ta nouvelle page à des script ça marchera pas.
A+JYT

**moha93** · 13/03/2015, 11h04

effectivement, j'ai des scripts dans la deuxième page que je veux faire passer aussi

Recharger le contenu d'une page sans rediriger

JavaScript

Vue hybride

Discussions similaires

Partager

Partager