Envoi d'une variable objet vers une autre page

**Klastar** · 05/06/2013, 16h40

Bonjour à tous, je viens vous expliquer mon modeste problème, je développe actuellement un site mobile sous jquery mobile, ce site contient un formulaire d'inscription, lesquelles données de ce formulaire, sont stockées en localhost, afin d'être envoyées plus tard. (l'idée est que le site tournera en local sur des salons, où l'on ne dispose pas de l'acces internet, les infos seront donc stockées et ensuite synchronisées à une bdd).

Le problème est que je n'arrive pas comprendre précisément comment envoyer mes variables récupérées du localhost vers un autre page, je sais qu'il y a plein de moyens... J'ai par exemple essayé la méthode fournie avec jquery jQuery.post... sans succès...

Merci de votre aide, j'ai commencé Javascript il y a moins d'une semaine, donc soyez indulgents si je semble vous étaler des énormités.

Merci beaucoup !

**SpaceFrog** · 05/06/2013, 16h51

Montre nous une tentative de $.post ....

**Klastar** · 05/06/2013, 17h03

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
<html><title>post fom java</title>
 
<head>
<script src="jquery-2.0.0.js"></script>
</head>
 
<body>
 
<a href="test.php" id="target"  data-role="button"> poster </a>
 
<script>
var test="Teach";
$("#target").click(function() 
{
  $.post("test.php", {"test":test});
});
</script>
</body>

Voici ma page html avec le petit bout de javascript (ce n'est pas mon site c'est juste pour tester la fonction d'envoi).

et voici le php:

Code :

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

1
2
3
4
<?php ;
$recup=$_POST['test'];
echo $recup;
?>

A l'affichage de la page test.php il me donne une erreur ligne 3 et n'affiche rien d'autre.

**SpaceFrog** · 05/06/2013, 17h07

pour commencer le title c'est DANS le head ...
ensuite il faut inhiber ton href avec un preventDefault()

et eventuellement une fonction de callback ...

Code :

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

1
2
3
4
5
6
var test="Teach";
$("#target").click(function(e) 
{
e.preventDefault();
  $.post("test.php", {"test":test},function(data){alert(data)});
});

**Klastar** · 05/06/2013, 17h13

Merci de ta réponse rapide, je n'ai pas exactement compris ce que tu entends par inhiber mon href ? j'ai ajouté le preventdefault, mais ne suis pas sur d'avoir compris ce que fait la fonction ... Si j'ai bien compris, le preventdefault rend mon lien inclicable, mais quel est l'intérêt ?

**SpaceFrog** · 05/06/2013, 22h10

l'interet est MAJEUR

javascript ne survit pas à un changement de page (ni rechargement)

un lien href envoie sur une autre page...

Il semble alors evident que les deux ne font pas bon menage, il ne faut pas esperer que le code javascript de la page s'execute si tu quittes la page ...
il faut donc empecher que le href envoie sur une autre page ...

Sinon il faut revoir ta conception

Envoi d'une variable objet vers une autre page

jQuery

Vue hybride

Discussions similaires

Partager

Partager