[JQuery] envoi de requête POST

Version imprimable

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:

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:

data: "name=john&asurname=Doe"

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

06/12/2007, 13h08
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 :lol:
06/12/2007, 15h05
elvan49

merci quand même

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:

$("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:

$ .ajax

de JQuery.
En fait la syntaxe :

Code:

{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...
06/12/2007, 16h25
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+

Merci encore...

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:

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...

pour complément d'information

Mon code php dans texteJquery.php

Code:

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

C'était tout bête...

Bonjour,

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

C'était en fait très simple, et je tournai autour (comme quoi, une bonne nuit de sommeil :mrgreen:) 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:

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é !