Ajax Post avec jQuery

**milene31** · 19/04/2013, 12h15

Bonjour a tous,

Je cherche simplement a envoyer un formulaire a l'aide d'une requête Ajax. J envoies mes infos en Json ce qui me donne le code suivant :

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
$.ajax({
	url: '',
        type: 'POST',
        data: JSON.stringify({ country : jcountry, region : jregion, from : jfrom, to : jto, currency : jcurrency }),
	dataType: 'json',
        success: function() {
		alert("success")
                $.mobile.changePage("menu1.html");
        },
        error: function (xhr, ajaxOptions, thrownError) {
                alert( "Error: " + xhr.status + "\n" +
                    "Message: " + xhr.statusText + "\n" +
                    "Response: " + xhr.responseText + "\n" + thrownError);
		$.mobile.changePage("menue2.html");
        }
});

L'URL étant factice j'obtiens une erreur d'accord.
Mais avec firebug, dans mon header j'obtiens :
Content-Type application/x-www-form-urlencoded; charset=UTF-8
Pourtant la source du POST est de ce type :
Source

Code :

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

{"country":"fhfh","region":"hfgh","from":"04/04/2013","to":"04/18/2013","currency":"fgh"}

Si j'ajoute dans mon code

Code :

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

contentType: 'application/json',

Je ne visualise plus le POST avec Firebug ..

Quelqu'un peut il m’éclairer ? Merci a tous

**Bovino** · 19/04/2013, 14h07

Code :

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

data: JSON.stringify({ country : jcountry, region : jregion, from : jfrom, to : jto, currency : jcurrency }),

Cette ligne n'a aucun sens, ce n'est pas comme ça qu'on envoie des paramètres avec jQuery !
Tu dois soit passer un objet JSON, que jQuery se chargera de transformer en querystring valide, soit passer directement la querystring, mais en aucun cas tu ne peux passer un JSON sérialisé !

**milene31** · 19/04/2013, 14h47

D'accord mais si j’enlève cette ligne, le message envoyé n'est pas du Json
:/
Au niveau du serveur il doit recevoir du Json et il me renverra du JSON

**Bovino** · 19/04/2013, 15h06

Ton serveur ne peut pas recevoir de JSON car le protocole HTTP par lequel transite une requête AJAX ne connais pas ce format.
Tout ce que tu peux envoyer, c'est du texte.
Ensuite, tu vas me dire que justement, tu utilises JSON.stringify pour envoyer du texte. Là-dessus, je suis à peu près d'accord, mais dans la syntaxe que j'ai soulignée, tu n'envoies pas un paramètre dont la valeur est une chaine JSON, tu envoies uniquement la chaine JSON, ton serveur n'a donc aucun moyen de récupérer la valeur envoyée.

**milene31** · 19/04/2013, 15h22

Ok pour les requêtes HTTP

Pour le JSON.stringify, je ne comprend pas parce que je récupère les valeurs de mon formulaire. J'ai bien suivi la doc Jquery Mobile pourtant.

Du coup je dois me contenter de mon premier code sans le JSON.stringify ! En fait j'aimerais être sur de cette syntaxe avant de basculer coté serveur.

**Bovino** · 19/04/2013, 15h28

Tu ne veux pas comprendre ce que je te dis... (ou alors c'est moi qui m'exprime trop mal

).

Pour passer une valeur en GET ou en POST, il faut envoyer un couple clé/valeur, par exemple ?foo=bar.
Dans la façon dont tu fais ta requête, tu n'envoies que la valeur, ça ne peut pas fonctionner !

EDIT

je récupère les valeurs de mon formulaire

Euh... dans le code que tu montres, non, on ne voit pas à quel moment les variables constituant ton JSON sont valorisées...

**milene31** · 19/04/2013, 15h35

Desole je ne maitrise pas le domaine. Mais sans tenir compte du Content-Type, j'obtiens la source suivante :
Source
country=France&region=Nice&from=04%2F17%2F2013&to=04%2F26%2F2013&currency=EUR et les parametres firebug suivants :

Code :

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

1
2
3
4
5
 
Accept	application/json, text/javascript, */*; q=0.01
...
Content-Length	77
Content-Type	application/x-www-form-urlencoded; charset=UTF-8

Donc après ça, c'est au niveau serveur que je transforme le message reçu en JSON ?

EDIT : C'est vrai qu,il manque un bout de code lie a mon formulaire et qui récupère les valeur jcountry, etc ..

**milene31** · 19/04/2013, 15h40

Un peu plus complet :

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
26
27
 
$("#submitButton").click(function(){
sumbitForm($("#country").val(), $("#region").val(), $("#from").val(), $("#to").val(), $("#currency").val());
                });
            });
 
 
function sumbitForm(jcountry, jregion, jfrom, jto, jcurrency) {
 
	  $.ajax({
	      url: 'url',
              type: 'POST',
              data: {country : jcountry, region : jregion, from : jfrom, to : jto, currency : jcurrency},
              //headers: {'Content-Type' : 'application/json' },//contentType: 'application/json', ou JSON.stringify({ 
	      dataType: 'json',
              success: function() {
			  alert("success")
                          $.mobile.changePage("menu1.html");
              },
              error: function (xhr, ajaxOptions, thrownError) {
                          alert( "Error: " + xhr.status + "\n" +
                                 "Message: " + xhr.statusText + "\n" +
                                 "Response: " + xhr.responseText + "\n" + thrownError);
			  $.mobile.changePage("menue2.html");
                      }
                  });
            }