Est-il possible de convertir un objet [object Object] en JSON ?

Salut,

j'ai un FormData que j'envois via $.ajax, dans lequel je stock un objet comme suite :

Code:

---

1 2 3

fd=new FormData(); fd.append("data",{draw:"xxx",search:{value:"une valeur",regex:false},image:$("#myFile").get(0).files});

---

Quand j'essaie de le parcourir avant de l'envoyer au php :

Code:

---

1 2 3 4

for(let a of fd.entries()){ console.log("cle :",a[0],", valeur :",a[1]);//affiche : cle :data ,valeur :[object Object] }

---

Ajax :

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16

$.ajax({ url:"upload.php", method:'post', dataType:"json", enctype:"multipart/form-data", processData:false,//cette option et la suivante posent problème contentType:false, data:fd, success:function(d){ console.log(d); }, error:function(err){ alert(err.responseText); } });

---

La valeur de data est [object Object] et impossible de récupérer les valeurs de cet objet vu qu'il est de type string.

J'ai tout testé, et ni JSON.stringify() ni Array.from ne renvoient le résultat souhaité.

Le problème c'est que j'ai besoin d'envoyer le FormData en tant qu'objet JSON afin que le php puisse le récupérer en tant que array, comme ça je n'aurais plus besoin d'utiliser json_decode() en php.

Note : avec json_decode() je récupère bien les valeurs du FormData sans souci, mais je voudrais bien l'éviter si c'est possible.

Bonjour,
l'objet formData est itérable et il n'est qu'à regarder dans la console pour voir que l'on a à disposition certaines méthodes intéressantes comme forEach ou encore entries.

Code:

---

1 2 3 4 5

function formDataToObject(data) { data.forEach((value, key) => { console.log(key, "=", value); }); }

---

Code:

---

1 2 3 4 5

function getFormDataEntries(data) { for (const entry of data.entries()) { console.log(entry[0] + ', ' + entry[1]); } }

---

en le parcourant donc tu peux en faire ce que tu veux ;)

Salut NoSmoking,

Merci pour la réponse, mais je vois qu'il n'est pas possible d'ajouter un objet imbriqué au FormData en un seul coup sans JSON.stringify , car lorsque je fais :

Code:

---

1 2 3

dt={data:{draw:1,search:{value:"",regex:false}}}; fd.append("data",dt.data); //ça m'affiche data:[object Object]

---

Par-contre si je parcours le dt.data avec $.each, quand la valeur n'est pas un objet je l'ajoute directement, sinon je fais un deuxième $.each en utilisant les crochets [] dans FormData pour l'indexer :

Code:

---

1 2 3 4 5 6 7 8 9 10 11

$.each(dt.data,function(k,v){ if($.type(v)!='object'){ fd.append(k,v); } else{ $.each(v,function(k1,v1){ fd.append(k+"["+k1+"]",v1); }); } });

---

Là ça m'affiche le résultat souhaité : {draw:1,search:{value:"",regex:false}} et comme ça je n'aurais pas besoin d'utiliser JSON.stringify en js ni json_decode() en php.

Je ne sais pas s'il y'a mieux, mais pour le moment ça fonctionne.

Citation:

---

Je ne sais pas s'il y'a mieux, mais pour le moment ça fonctionne.

---

c'est une bonne solution attendu qu'elle respecte le format d'une « sérialsation ».