[Javascript] récupération données formulaire

Résolu/Fermé
vanzielle Messages postés 16 Date d'inscription mercredi 20 octobre 2010 Statut Membre Dernière intervention 19 janvier 2013 - 20 janv. 2012 à 09:40
vanzielle Messages postés 16 Date d'inscription mercredi 20 octobre 2010 Statut Membre Dernière intervention 19 janvier 2013 - 20 janv. 2012 à 18:28
Bonjour,

J'aimerais savoir s'il est possible de récupérer des données envoyer par un formulaire en méthode post uniquement grâce au javascript, et si oui comment. J'en suis à plus d'une centaine de tuto/forum sur internet en français/anglais et je ne trouve pas de solution.
Pour vous représenter rapidement ce qu'il se passe:

A.html => envoie de formulaire.
B.html => réception du formulaire.

Vous noterez que mes pages sont en .html donc l'utilisation de php est proscrit.

Mes pages ne peuvent pas être en .php c'est une des contrainte dont je dispose du à un CMS et au faite que je doit intégrer mon système sur un site existant dont toute les pages sont en .html.

Merci pour votre aide,
Cordialement,

Vanzielle

4 réponses

Alain_42 Messages postés 5361 Date d'inscription dimanche 3 février 2008 Statut Membre Dernière intervention 13 février 2017 894
20 janv. 2012 à 17:24
pour passer des valeurs de la fenêtre vers une fenêtre popup (exclusivement) voila un exemple:

ne marche pas avec le bouton en type submit

<html>
			<!--  Page A.html -->
<head>
<script type="text/javascript">
	//ce javascript doit être dans le head de la page A
	function ouvrir_fenetre(url){
		window.open(url,"page_B.html","menubar=yes, status=yes, scrollbars=yes, menubar=yes, width=500, height=500");
	
	}

</script>
</head>			
<form name="form1" method="post" action="">
Nom: <input type="text" name="nom" id="nom" value="" /><br /><br />
Prenom: <input type="text" name="prenom" id="prenom" value="" /><br /><br />
 <input type="button" name="envoyer" id="envoyer" value="Envoyer" onclick="ouvrir_fenetre('B.html');"/>
</form>

</html>


<html>
						<!--  Page B.html -->
<head>
<script type="text/javascript">
	//ce javascript doit être dans le head de la page B
	//fonction lecture page A et ecriture page B
	function lit_ecrit(){
		//1 ier champ
		var champ_A1=readValueFromParent('nom'); //lecture dans la page appelante A
		document.getElementById('nom_recu').value=champ_A1;
		
		//2 ième champ
		var champ_A2=readValueFromParent('prenom'); //lecture dans la page appelante A
		document.getElementById('prenom_recu').value=champ_A2;
	
	}
	//fonction recup valeurs depuis fenêtre apelante
	function readValueFromParent(id1){
		var valeur=window.opener.document.getElementById(id1).value;
		return valeur;
	}

</script>
</head>
Valeurs reçues du formulaire page A:<br /><br />
<form name="form1" method="post" action="B.html">
Nom: <input type="text" name="nom_recu" id="nom_recu" value="" /><br /><br />
Prenom: <input type="text" name="prenom_recu" id="prenom_recu" value="" />
</form>

<script type="text/javascript">
// cette partie de javascript doit être après le formulaire !
lit_ecrit(); //on lance la fonction
</script>
</html>