Discussion :

[elvan49]

Bonjour,

Je cherche à mettre en place JQuery dans mes développements. et je suis en phase de tests. Je dois être un peu "branque" mais je n'arrive pas à trouver la bonne syntaxe pour envoyer correctement mes donnnées de formulaire.
Voici le bout de code js :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
$("input[@name=valid]").click(function(){
         $.ajax({
             type:"POST",
             url: "texteJquery.php",
             data: {info1: $("input[@name=info1]").val(),info2: $("input[@name=info2]").val()}, 
             dataType: "html",
             error: function(){
                 alert("BUG !");},
             success: function(data){
                 $("#message").html(data);}
         });
     });

Actuellement firefox me renvoie BUG ! donc une erreur...
Je pense qu'il s'agit de la syntaxe de 'data'... mais je ne trouve pas d'exemple d'envoi de données de formulaire. Je ne trouve que des exemples avec des données du type

Code :

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

data: "name=john&asurname=Doe"

Bref, je vois pas...
Peut-on éclairer ma lanterne ? Merci.

[zouzino]

Salut,

Je suis pas un expert mais quand meme des propositions peuvent servir.

data: {info1: document.monForm["monText"].value,info2: document.monForm["monText1"].value}

monForm c le nom du forum et monText le nom du champ, voila tu peux essayer ca

Dans ton fichier php tu disposes de $_POST['info1'] pour acceder à la valeur de info1 dans ton fichier js.

Je l'ai pas testé j'epsere que ca marche

[elvan49]

Désolé, mais la syntaxe que tu proposes est en fait identique à la précédente à peu de choses près.
En fait le raccourci

Code :

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

$("input[@name=info1]"

permet d'identifier, grâce à JQuery l'élément input dont l'attribut name=info1 c'est donc une manière plus rapide d'écrire ce que tu me proposais.
L'erreur de syntaxe (s'il s'agit d'une erreur de syntaxe) ne vient pas de là. Elle provient de la manière dont on transmet les informations via la fonction AJAX

Code :

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

$ .ajax

de JQuery.
En fait la syntaxe :

Code :

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

{info1: $("input[@name=info1]").val(),info2: $("input[@name=info2]").val()}

est empruntée à la fonction $.post du même framework, mais dans le cas de $.post je ne sais pas comment récupérer le résultat...

[zouzino]

Je te propose de debuger ton code pour voir exactement d'ou vient le probleme. Peut etre tu la fais et si non je te propose d'utiliser Firebug, comme ca tu pourras savoir d'ou vient le probleme et cela facilite ton boulot et on peut plus t'aider. voila

A+

[elvan49]

En fait j'utilise déjà firebug pour firefox, et debugbar et companionJS pour IE6...
Mais je n'ai plus d'erreur décelable, en fait il s'agit d'une récupération d'info que je n'arriva pas à faire...
Je te remet le code corrigé depuis... Il y a des alert placées pour m'aide à y voir clair, et c'est la fonction success qui m'alerte donc c'est après dans la récup que ça m...

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
$("input[@name=valid]").click(function(){
         var inf1 = $("input[@name=info1]").val();//je récupère les infos dans des variables pour faciliter le traitement
         var inf2 = $("input[@name=info2]").val();
         //je place le résultat dans une variable
         var res = $.ajax({type: "POST",
             url: "texteJquery.php",
             data: "info1=inf1&info2=inf2",
             error: function(){
                 alert(inf1+" et "+inf2+"\nne passent pas.");
             },
             success: function(){
                 alert(inf1+" et "+inf2+"\nsont passées.");
             }
         }).responseText;
         $("#message").html(res);//j'affiche le resultat
     });

Je continue la recherche...

[elvan49]

Mon code php dans texteJquery.php

Code :

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

1
2
3
4
 
$msg = "vous avez envoyé " . $_POST['info1'] . " ET ". $_POST['info2'];
    header("Content-type: text/html; charset=iso-8859-1");
    echo $msg;

[elvan49]

Bonjour,

Tout d'abord merci à zouzino, qui s'est interréssé un peu au sujet.

C'était en fait très simple, et je tournai autour (comme quoi, une bonne nuit de sommeil ) Dans ce que j'avais vu, je pensais que 'data' était un exemple or c'est ce qu'il faut récupérer... Bref, voici le code :

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
$("input[@name=valid]").click(function(){
         var inf1 = $("input[@name=info1]").val();
         var inf2 = $("input[@name=info2]").val();
         //avec ajax
         $.ajax({type: "POST",
             url: "texteJquery.php",
             data: "info1="+inf1+"&info2="+inf2+"",
             error: function(){
                 alert(inf1+" et "+inf2+"\nne passent pas.");
             },
             success: function(data){
                 alert(data+"\nsont passées.");
                 $("#message").html(data);
             }
         });

à bientôt sur notre forum préféré !