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

Résolu
vanzielle Messages postés 16 Date d'inscription   Statut Membre Dernière intervention   -  
vanzielle Messages postés 16 Date d'inscription   Statut Membre Dernière intervention   -
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   Statut Membre Dernière intervention   894
 
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>
1