Envoyer et lire un objet avec XMLHttpRequest

Bonjour :)

Je viens chercher un peu de lumière
car je viens tout juste de commencer le JS et NODE.

J'ai un objet coté client que j'aimerai enregistrer dans ma bdd mongodb.

Voila comment j'imagine les choses :

1- Faire une requête XHR pour envoyer mon objet au format JSON à mon serveur
2- Parser le JSON coté serveur et remplir ma bdd avec les données

- Est-ce la bonne méthode ?
- Si oui, comment j'envoie l'objet coté client ?
- Et surtout, comment je récupère l'objet coté serveur ?

Merci pour votre aide :)

Bonjour Math1104,

Ta méthode est la bonne, on envoie les informations en JSON au serveur, qui récupère les données et les insère en base. :)
Pour envoyer un objet JSON depuis le côté client, tu dois passer par l'objet XHR :

Code:

---

1 2 3 4 5

var xmlhttp = new XMLHttpRequest(); // nouvelles instance de XHR xmlhttp.open("POST", "/json-handler"); xmlhttp.setRequestHeader("Content-Type", "application/json"); // On définit que l'on envoie du JSON xmlhttp.send(JSON.stringify({name:"Green Lantern", color:"green"})); // Ton objet JSON

---

Pour la récupèration côté serveur, je sèche par contre, je n'ai pas encore eu l'occasion d'utiliser MongoDB. 8-)


Simon,

Auteur sur Awesome Angular.

Merci LearningBoy ! J'ai réussi a insérer les données dans ma BDD.

Pour récupérer les données coté serveur, j'ai utilisé le module 'body-parser' sur req.body !

Maintenant j'ai un autre soucis, ca marche bien depuis un desktop, mais pas depuis mon iPhone.
J'ai vérifier avec la console sur safari, ma requête XHR fonctionne bien mais elle n'insère rien en bdd. Grrrr

Bonjour Math1104,

L'exemple de requête XHR ci-dessus est un exemple standard pour les navigateurs les plus "tolérants". 8-)
En fait, XHR est un objet à la base développé pour IE, donc au niveau du support ça n'est pas génial. Le mieux est d'utilisé une libraire qui assure le fonctionnement de ta requête sur tout les navigateurs (jQuery avec $ajax par exemple), sinon j'ai trouvé cet exemple qui te permettra d'envoyer ta requête avec Safari normalement. (et même IE 7 ;) )

Simon,

Auteur sur AwesomeAngular.