Discussion :

[informer]

Bonjour à tous,

Pas de chance c'est une question,

Comment peut-on:

• Appeler une page HTML avec l'extension PHP via une fonction JS avec passage de paramètres par par la méthode POST ou GET (?lib1=val1&lib2=val2...)
• Appeler au chargement de la page .php, une fonction JS en passant en paramètres les données récupérées dans les superglobales $_GET ou $_POST pour afficher ces données dans des objets (textbox, listbox...) de la page.php

Pour résumer, je voudrai l'architecture suivante

page1.html -> boutton -> onclick -> appel fonction js -> appel page2.php avec passage de paramètres via methode GET? ou POST? -> onload -> Récupération valeurs superglobales PHP -> appel fonction js avec passage en paramètres des valeurs de la superglobale PHP $GET ou $POST pour affecter les valeurs $GET ou $POST à des objets de la page2.php

Ce post fait écho à mon autre post http://www.developpez.net/forums/d14...xte-dynamique/ qui est une solution sans appeler une page PHP et sans utiliser les superglobales mais qui ne répond pas à cette question précise.

Merci par avance pour vos suggestions et solutions

[sekaijin]

il te faut lire la doc sur XMLHttpRequest ou encore AJAX

A+JYT

[iakou]

Bonsoir.
Bien que votre Post précédent était marqué "RESOLU", j'y ai ajouté ma réponse...
Je pense qu'elle devrait suffire. Ou alors il y a une subtilité qui m'échappe...
Cdlt

[Watilin]

Bien, faisons les choses dans l'ordre.

1.

page1.html -> boutton -> onclick -> appel fonction js

Jusque là c'est clair et simple.

Code html :

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

1
2
3
4
5
6
7
8
<button id="bouton-appel">Appel fonction JS</button>
<script>
 
document.getElementById("bouton-appel").onclick = function( ){
   ...
};
 
</script>

2.

-> appel page2.php avec passage de paramètres via methode GET? ou POST?

Tu as deux solutions :

1. soit tu construis un <form> (ou tu en utilises un qui est présent dans la page) et tu l'envoies en faisant submit() ;
2. soit tu utilises Ajax, dans ce cas suis le conseil de Sekaijin : trouve une doc ou un tuto, tu verras c'est pas super méchant, en 5-10 minutes tu peux avoir un truc qui tourne et comprendre comment il tourne.

Pour choisir la méthode GET ou POST, c'est soit avec l'attribut method du formulaire, soit avec la méthode open de ton objet Ajax.

3.

-> onload -> Récupération valeurs superglobales PHP

C'est là que ça commence à devenir confus. Je ne sais pas exactement de quel côté tu veux que les choses se passent.

Il faut bien que tu visualises le mur conceptuel entre le serveur qui exécute du PHP, et le client qui exécute du JavaScript. Ce n'est pas sur la même machine. PHP arrive à te faire croire que tu peux écrire du HTML et du JS dans un script PHP (probablement même, ton éditeur de texte te fait la coloration des différents langages en même temps). Ce n'est pas exact : en réalité, en dehors des balises <? ... ?>, l'interpréteur PHP est en mode echo implicite. Il envoie du texte sans regarder ce que c'est.

Pour « récupérer » les superglobales PHP dans ton code JavaScript, il faut que PHP les envoie explicitement. Voici une solution. Si tu as choisi d'utiliser Ajax, ce sera grosso modo la même solution, plus ou moins vérification/envoi de headers.

4.

-> appel fonction js avec passage en paramètres des valeurs de la superglobale PHP $GET ou $POST pour affecter les valeurs $GET ou $POST à des objets de la page2.php

Alors, nous somme dans ce scénario :puisque nous sommes à présent sur la page 2, j'en conclus qu'il y a eu un changement de page, donc on n'a pas utilisé Ajax.

En utilisant la solution que j'ai citée ci-dessus, tu obtiens une copie des valeurs GET ou POST dans un tableau JavaScript. Le plus dur est fait à ce moment-là, car tu as tout sous la main : les données, et les objets à modifier…

[informer]

J'ai trouvé une solution mais je ne sais pas si son architecture est la bonne!

Actuellement pour répondre à mon besoin voici mon architecture:

Sur la page1.html
2 champs + 1 bouton

Quand clique sur bouton ==>

• appel fonction JS pour sérialiser les données saisies et envoi via ajax des données sérialisées à une page php
• La page PHP vérifie que l'utisateur existe dans une base de données et renvoie l'ID de l'utilisateur
• La fonction logIn appelle la page 2 en passant en paramètre l'ID utilisateur

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
function logIn()
{	try
	{	/* Manipuler un objet avec JQuery : $(#idObject).propriétés/méthodes  */
		var serialData = $( "#frmLogIn" ).serialize(); 
		alert (serialData);
		$.ajax
                (   {   type: "POST",
                        url: "sqlLogIn.php",
                        data: serialData,
                        dataType: "json",
                        success: function(dataSQL, statut)
                        {   var page = "formulaire.html?id=" + dataSQL[0]["IDPARTICIPANT"]; // dataSQL[0]["IDPARTICIPANT"] valeur de l'ID
                            window.location.replace(page);// Appel 2ème page
                        },
                        error: function(dataSQL, statut)
                        {   alert ("error sqlConnect.js : " + dataSQL.erreur);
 
                        }
                    }
		);
	}
	catch (e)
	{     alert ('An error has occurred: '+ e.message);
	}
}

Sur la page 2

Code :

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

1
2
3
4
5
6
7
 
...
<script type="text/javascript" src="swfobject.js"></script>
<script src="jquery-1.9.1.min.js"></script>
<script src="formulaire.js"></script>
</head>
<body onload="initFormulaire();return false;">...

Sur évènement onlaod de la page2.html

• Appel initFormulaire qui récupère l'ID utilisateur dans l'adresse URL puis appel une page php via ajax avec envoi de l'ID utilsateur
• La page php récupère des données de l'ID utilsateur et les renvoie à initFormulaire
• La fonction initFormulaire affecte les données de l'ID utilisateur aux objets de la page2

Je ne sais pas si cela est vraiment optimal ? Enfin de compte, ma question est sur la conceptualisation des appels aux différentes briques HTML, JS et PHP !!!

Merci pour vos retours

[informer]

Mon problème était en fin de compte d'accéder à la superglobale $_SESSION. Je pensais qu'il suffisait de faire un appel unique d'initialisation avec session_start() pour que $_SESSION soit accessible par toutes les pages PHP dans le contexte de la session.
Or comme j'appelais plusieurs pages PHP sans session_start() , je n'avis pas accès à $_SESSION car le truc c'est que pour accéder à cette superglobale il faut
l

• ancer session_start() dans toutes les pages PHP
• toujours à la ligne suivante de la commande <php?
• sans espace entre le début de ligne et session_start()

Code :

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

1
2
<php?
session_start() // jamais d'espace entre la commande et le debut de ligne & d'interligne avec <php?

Merci encore pour votre aide précieuse

[Watilin]

Code PHP :

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

1
2
3
4
5
6
7
8
<?php
 
   session_start();
 
header('Content-Type: text/plain');
print_r($_SESSION);
 
?>

Quand on met les ? au bon endroit il n'y a pas de problèmes

[sekaijin]

sans espace entre le début de ligne et session_start()

On a changé PHP