Simuler l'envoi d'un formulaire

**Tchupacabra** · 26/06/2008, 23h17

Bonjour à tous,

j'aimerais simuler la même chose que l'envoi d'un formulaire HTML/PHP + le changement de page SANS le formulaire en javascript...

en temps normal, y aurait :

Code :

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

1
2
3
4
5
<form action="reception.php">
<input type="text" name="login" />
<input type="text" name="pass" />
<input type="submit" value="Envoyer" />
</form>

mais là, faut le faire via un clic <a href> sans ce formulaire...

Quelqu'un aurait-il une idée ?
Merci d'avance...

**Bovino** · 27/06/2008, 06h24

Non, le bouton submit suffit, il lance le fichier "action" et transmet au serveur les champs du formulaire...
De plus, il s'agit de la méthode normale, rien n'est simulé...
Enfin, si tu ne souhaites pas utiliser le bouton submit, tu peux effectivement utiliser un lien mais avec href="#" et onclick="formulaire.submit".
Attention, si tu utilises le href, tu iras bien sur la page mais sans transmettre les données.

EDIT :
Dans ta balise form, n'oublie pas de préciser method="(post ou get)"

**Matthieu2000** · 27/06/2008, 11h00

par défaut c'est get!
fais un submit, copie l'url et met le dans le href du lien...

**Tchupacabra** · 27/06/2008, 11h28

oui ça d'accord... mais j'avais précisé qu'il n'y avait pas de formulaire et donc pas du bouton submit...

J'aimerais ouvrir la page de réception en passant des variables en POST

J'ai essayé cela avec jQuery :

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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Envoi</title>
 
<script type="text/javascript" src="/js/jquery-1.2.6.min.js"></script>
<script type="text/javascript">
<!--
function simulation() {
	$.post(
		"reception.php",
		{login:"mon login", pass:"mon password"}
	);
}
// -->
</script>
</head>
 
<body>
 
<a href="#" title="" onclick="javascript:simulation()">Simulation</a>
 
</body>
</html>

Mon problème avec cette méthode,
c'est que la page de réception n'est pas affichée/remplacée par la page d'envoi...
pour le moment elle est seulement chargé en XHR (et visible dans la réponse HTTP avec Firebug)

Je suis sûr en plus que c'est tout con à faire...

**Bovino** · 27/06/2008, 12h41

Je pense que ton plugin boule_de_cristal pour jQuery est défaillant...

Si tu n'indiques pas dans ton appel ce qu'il faut faire du résultat, il ne se passera effectivement rien...

Code :

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

1
2
3
4
5
$.post(
		"reception.php",
		{fonction ou instructions à exécuter avec la réponse serveur},
		{login:"mon login", pass:"mon password"}
	);

**Tchupacabra** · 27/06/2008, 14h15

Effectivement, dans mon fonction callback je pourrais dire d'aller (windows.location.replace()) à la page "reception.php". Mais du coup, la page "reception.php" sera exécuté 2 fois coté serveur !!!

Le truc, c'est que je ne sait pas si la méthode jQuery.post() est la plus adaptée dans mon cas, car il n'y a pas de réel changement/chargement de page avec des paramètres en POST.

**Bovino** · 27/06/2008, 14h20

En même temps, le submit, t'en a plus trop besoin...

Code :

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

<input type="button" value="Envoyer" onclick="simulation()" />

**Tchupacabra** · 27/06/2008, 15h00

Je ne vois pas l'intérêt d'un <input> dans mon cas...

surtout que ton exemple donne la même chose que <a href> !

D'ailleurs, il faut charger la page avec des paramètres en POST via la balise <a>.

**Bovino** · 27/06/2008, 15h07

Désolé, j'étais resté en écran bleu sur autre chose !

Où est le problème que la page soit exécutée 2 fois ?
Si c'est pour le traitement fait dans ta page, des variables de session règlent facilement le problème ou mieux, vérifier le tableau POST

**Tchupacabra** · 28/06/2008, 17h49

C'est pas le traitement exécuté 2 fois qui m'embête... c'est que cela me parait bizarre qu'une méthode "propre" n'existe pas !!!

**Bovino** · 29/06/2008, 11h38

Effectivement, dans mon fonction callback je pourrais dire d'aller (windows.location.replace()) à la page "reception.php".

En fait, je crois que tu n'as pas forcément compris l'intérêt de Ajax...
Si tu fais windows.location.replace(), alors ça ne sert à rien de faire une requête Ajax !
Le but de la reque^te est précisément de pouvoir faire des traitements côté serveur, de les récupérer et de les utiliser via javascript sans changer de page.
En revanche, si ta page reception.php ne te renvoie pas les données que tu souhaites, tu peux en appeler une autre...

**Tchupacabra** · 29/06/2008, 17h23

Si si je t'assures, j'ai tout à fait compris AJAX...
Sauf que je ne connais rien d'autre que l'utilisation d'AJAX pour envoyer des variables en POST.

De plus un window.location.replace ne gère pas l'HTTP POST.

**Bovino** · 29/06/2008, 17h42

Ne crois-tu pas que dans ton cas, des variables de sessions peuvent être plus adaptées que des post ?

**Tchupacabra** · 30/06/2008, 09h41

Bon, le plus simple est que je t'explique le pourquoi...

en fait, j'ai développé un back-office multi-utilisateurs pour leur permettre d'administrer leur site Web... Juste que là, rien de plus normal. Sauf, que le site Web utilise le module phpMyVisites 2.3 pour les stats. Il doit donc être consultable par les admins...
Pour cela, je ne souhaite pas qu'ils aient a ressaisir les identifiants PHPMyVisites (puisqu'ils sont déjà loggué dans le back-office) J'essaye donc de faire en sorte qu'ils n'aient qu'à cliquer sur le bouton "Statistiques" pour s'authentifier (en fond de tache) ET afficher PhpMyVisites.

Tu comprends ?

Simuler l'envoi d'un formulaire

JavaScript

Discussions similaires

Partager

Partager