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

**Klastar** · 07/06/2013, 09h19

Je ne comprends pas... comment vérifier que le post marche bien si je ne peux pas quitter la page ? moi ce que je veux pour le moment c'est juste envoyer une valeur à une autre page par JS et voir si elle le recoit :S

**Klastar** · 07/06/2013, 10h04

Pour ne pas quitter la page et quand même ouvrir la page php pour vérifier, j'ai mis le href dans un nouvel onglet, mais ça ne marche toujours pas :S

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

**SpaceFrog** · 07/06/2013, 10h24

Je pense que tu n'as pas saisi les mecanismes d'ajax ...
Dis nous plutot ce que tu cherches à faire exactement ...

**Klastar** · 07/06/2013, 10h44

En effet je n'ai surement pas saisi les mécanisme d'ajax, du moins pas encore.

Mon programme stocke des informations sous forme d'objets stringifiés avec json dans le localstorage.

Ce que je veux faire, c'est faire un script JS, qui permet lorsque j'ai une connexion internet, de récupérer les infos du locastorage, de les reconvertir en objet, et de les envoyer à une BDD 4D.

Bien sur, ça c'est l'idée finale, là je cherchais juste à tester une fonction jquery qui me semblait correspondre à mes attentes...

**Bovino** · 07/06/2013, 10h54

j'ai commencé Javascript il y a moins d'une semaine

Je ne suis pas sûr que vouloir faire ce genre de choses est la meilleure façon de débuter en JavaScript...
Il y a quand même, comme dans tous les domaines, des bases incontournables à connaitre avant de se lancer dans des projets ambitieux.

**Klastar** · 07/06/2013, 10h55

Ma foi tu diras ça à mon maître de stage, c'est le boulot qu'on m'a donné, c'est mon stage de fin d'année, et je n'en ai pas trouvé d'autre...

**SpaceFrog** · 07/06/2013, 12h32

c'est vrai que javascript est à la portée de tous ...

**Klastar** · 07/06/2013, 14h53

Ok c'est bon, j'ai compris comment marchaient les fonctions, j'ai utilisé le preventdefault pour bloquer la redirection, et j'ai vérifié la bonne réception des données par un console.log().

J'aurais aimé moins de sarcasmes et plus d'enthousiasme, ce n'est pas toujours facile de débuter la programmation, merci de votre aide quand même !

Je poste le code pour d'éventuelles personnes dans le besoin

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
<html>
 
<head>
<title>post fom java</title>
<script src="JS/jquery-2.0.0.js"></script>
 
 
</head>
 
<body>
 
<a href="test.php" target="_blank" id="target"  data-role="button"> poster </a>
 <p id="result"></p>
 
<script>
var name="Teach";
$("#target").click(function(e) 
{
 e.preventDefault();
 $.post("test.php", {test:name},function(rep){console.log(rep)}); /*La valeur transmise à la page test.php est récupérée par la donction function(rep) qui l'affiche dans la console*/
});
</script>
</body>

Quant à la page php:

Code :

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

1
2
3
4
5
6
7
 
<?php 
header('Content-type: application/json');
 
echo json_encode($_POST);
 
?>

Envoi d'une variable objet vers une autre page

jQuery

Discussions similaires

Partager

Partager