Requête post Ajax et JSON

bonjour,
je travaille sur un projet personnel alliant python et le serveur django, et des pages html avec JQUERY, donc je ne sais pas trop si je dois poster ici ou dans une rubrique python

Mon but est d'envoyer au format JSON des données à mon serveur DJANGO
voici mon code

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

$.ajax({ type: "POST", url: "/creation/post/", data: {"titre": $('#titre').val(), "accroche": $('#accroche').val(),'csrfmiddlewaretoken': '{{ csrf_token }}' }, contentType: "application/json; charset=utf-8", dataType: "json", success: function(reponse) { $('#titre2').text(reponse.titre) $('#accroche2').text(reponse.accroche) $('#titre').css( 'display' , 'none' ) $('#accroche').css( 'display' , 'none' ) alert('succès') alert(reponse) alert(reponse.resultat) }, beforeSend: function(){alert('avant')}, complete: function(){ alert('après');}, error: function(xhr, ajaxOptions, thrownError) { alert("erreur :"+xhr.status+thrownError); } });

---

Je récupère ces données avec mon serveur DJANGO voici le code :

Code:

---

1 2 3 4 5 6

if request.is_ajax(): donnees=request.raw_post_data print(donnees) return HttpResponse(donnees, mimetype='application/json') else: return HttpResponse(simplejson.dumps({"resultat":"bonjour"}), mimetype='application/json')

---

et voici ce que le print me donne sur la console du serveur d'appli

Code:

---

titre=trucmuche2&accroche=gfhgh&csrfmiddlewaretoken=qEDHv2YfZvA9z56Vawc9wiCaib8KxEcv

---

Comme ça nest pas du tout ce que j'ai envoyé j'ai du mal à comprendre.
Quelqu'un peux m'expliquer comment récupérer mes données correctement ?

Merci

Bonjour tralloc,

Tu es sur le bon forum, ton serveur DJANGO reçoit bien les données que tu lui envois.
En effet, la fonction $.ajax prend dans son paramètre "data" une structure javascript (et non des données au format json). Cette structure est ensuite formatée par jQuery au format HTTP POST.

Donc en JavaScript

Code:

---

1 2	{"titre": "trucmuche2", "accroche": "gfhgh","csrfmiddlewaretoken": "{{ csrf_token }}" }

---

Correspond aux données POST

Code:

---

1 2	titre=trucmuche2&accroche=gfhgh&csrfmiddlewaretoken=qEDHv2YfZvA9z56Vawc9wiCaib8KxEcv

---

(C'est le même format que les URL ou formulaires en GET)

Donc si tu souhaites envoyer les données au format JSON tu peux les formater sous la forme d'une chaine de caractère JSON à enregistrer dans une variable post.

ça pourrait donner:

Code:

---

1 2 3 4 5 6

$.ajax({ type: "POST", url: "/creation/post/", data: { "json": JSON.stringify({"titre": $('#titre').val(), "accroche": $('#accroche').val(),'csrfmiddlewaretoken': '{{ csrf_token }}'}) },

---

ce qui devrait donner coté serveur:

Code:

---

1 2	json={"titre":"trucmuche2", "accroche":"gfhgh","csrfmiddlewaretoken":"{{ csrf_token }}"}

---

En supprimant "json=" tu obtiendras tes données en json.


Bon code !

Super !!! Merci.

La réussite est maintenant très proche, mais hélas il reste un problème. Le strignify doit transformer les caractères : voici

Code:

---

1 2	json=%7B%22titre%22%3A%22trucmuche2%22%2C%22accroche%22%3A%22gfhgh%22%7D

---

Une idée ?

Faut-il remodifier tout ça manuellement à postériori, ça m'étonnerais un peu.

En fait tu reçoit les données formatées au format POST. %7B corrspond à {, %22 à ", ect...

Tu dois probablement avoir une fonction en python/DJANGO pour formater correctement les données que tu reçois. Mais là je ne peux plus t'aider car ce n'est plus du JavaScript ;)

Ok c'est donc de la modif à postériori.
Je te remercie d'avoir pris le temps de répondre, ça fait quelques soirs que je cherchais
A+

Avec plaisir :ccool: