Discussion :

[Toufik83]

Salut,

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

Code :

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

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 :

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

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 :

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

[NoSmoking]

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 :

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

1
2
3
4
5
function formDataToObject(data) {
  data.forEach((value, key) => {
    console.log(key, "=", value);
  });
}

Code :

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

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

[Toufik83]

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 :

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

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 :

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

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.

[NoSmoking]

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