Ajax Post avec jQuery

Version imprimable

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:

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:

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

Si j'ajoute dans mon code

Code:

contentType: 'application/json',

Je ne visualise plus le POST avec Firebug .. :roll:

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

19/04/2013, 15h07
Bovino

Code:

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é !
19/04/2013, 15h47
milene31

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
19/04/2013, 16h06
Bovino

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.
19/04/2013, 16h22
milene31

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.
19/04/2013, 16h28
Bovino

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

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

Citation:

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...
19/04/2013, 16h35
milene31
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:

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

Un peu plus complet :

Code:

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");
                      }
                  });
            }

19/04/2013, 17h07
Bovino

Citation:

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

Oui, par exemple en PHP avec json_ decode.
19/04/2013, 17h18
milene31

Ce qui me perturbe, c'est qu'en utilisant le

Code:

JSON.stringify

, j'obtiens au niveau de la source de firebug un format JSON.
Pourquoi ?