Envoyer une variable JS d'une page html vers une autre
Résolu
A voir également:
- Javascript variable in html
- Html javascript variable - Meilleures réponses
- Html in javascript variable - Meilleures réponses
- Html array - Conseils pratiques -PHP
- Récupérer données json (javascript) - Conseils pratiques -Javascript
- Javascript poo - Conseils pratiques -Javascript
- Javascript html - Conseils pratiques -Javascript
- Span html - Forum PHP
2 réponses
cs_stay
Messages postés
493
Date d'inscription
jeudi 7 juillet 2005
Statut
Membre
Dernière intervention
24 mai 2017
4
24 mai 2017 à 00:38
24 mai 2017 à 00:38
Bonsoir,
Ton explication est flou ! Quelle est le but de ces transfères de données ?
Je vais essayé de reformuler ce que j'ai compris.
Tu veux via un formulaire (première page), cliquer sur le bouton submit et une autre page s'ouvrirait (target="_blank") et l'on retrouve les données envoyés par la première page.
Si c'est cela, je te propose un formulaire ou les données seront sérialisé et envoyer par l'URL.
Voici un exemple pour la page 1
Voici la page 2 avec un print_r qui afficherait les données
Ton explication est flou ! Quelle est le but de ces transfères de données ?
Je vais essayé de reformuler ce que j'ai compris.
Tu veux via un formulaire (première page), cliquer sur le bouton submit et une autre page s'ouvrirait (target="_blank") et l'on retrouve les données envoyés par la première page.
Si c'est cela, je te propose un formulaire ou les données seront sérialisé et envoyer par l'URL.
Voici un exemple pour la page 1
<!doctype html>
<html lang="fr">
<head>
<meta charset="utf-8">
<title>Titre de la page</title>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
</head>
<body>
<div class="container" style="width: 200px;">
<form enctype="multipart/form-data" method="post" id="mon_form" action="#">
<div class="form-group">
<label for="param-un">Param1:</label>
<input type="text" class="form-control" id="param-un" name="param[un]" value="v1">
</div>
<div class="form-group">
<label for="param-deux">Param2:</label>
<input type="text" class="form-control" id="param-deux" name="param[deux]" value="v2">
</div>
<div class="form-group">
<label for="param-trois">Param3:</label>
<input type="text" class="form-control" id="param-trois" name="param[trois]" value="v3">
</div>
<button type="submit" class="btn btn-default" onclick="$.app.send();return false;">Submit</button>
</form>
</div>
<script type="text/javascript">
//<![CDATA[
$(function() {
$.app = {
url: '',
send: function() {
//document.location = $.app.url+'?'+$('#mon_form').serialize();
window.open($.app.url+'?'+$('#mon_form').serialize(), '_blank');
}
}
$.app.url = "http://localhost/test/page2.php";
});
</script>
</body>
</html>
Voici la page 2 avec un print_r qui afficherait les données
<pre><?php print_r($_GET['param']); ?></pre>
Modifié le 11 janv. 2020 à 09:19