Affichage de tableau à l'aide de formdata

Je suis en utilisant le nouveau HTML5 FormData-Objet à afficher des valeurs et une image via Ajax. Il fonctionne très bien jusqu'à présent. Maintenant, je souhaite publier un tableau à l'aide de cet objet, mais tous les Ive a obtenu sur le côté serveur est "[object - objet]". Comment puis-je afficher un tableau avec formdata?

Ce que j'ai obtenu jusqu'à présent

var formData=new FormData();
formData.append('text', $('#text').attr('value'));
formData.append('headline',$('#headline').attr('value'));
formData.append('myarray',{key1: 'bla', key2: 'blubb'});

La dernière ligne ne fonctionne pas. J'ai envoyer la demande avec ce code

                 $.ajax({
                        url: 'xyz',
                        data: formData,
                        type: 'POST',
                        processData: false,
                        contentType: false,
                        success: function(data) { 
                            var decoded=$.parseJSON(data);
                            displaySuccess('Success', decoded.message); 
                        },error: function(data){
                            var decoded=$.parseJSON(data);
                            displayError('Error', decoded.message);
                        },complete: function(data){
                            $('#cursor').hide();
                            $("#submitbutton").removeAttr('disabled')
                        }
                    });

Merci d'avance.

OriginalL'auteur Rainer Sauerstoff | 2012-06-07

3

De votre syntaxe, vous avez l'air d'essayer de passer pour un objet, pas un tableau. Je ne pense pas que vous pouvez passer des objets par le biais de formulaire HTML.
```
{ key1 : value1 , key2 : value2 }
```
vs
```
[ value1, value2 ]
```
C'est une référence pratique pour général JS syntaxe

oui vous pouvez passer des objets ! essayez-le avec du jquery champ de données. viens de créer un objet complexe et l'a adopté et il a gardé la même structure sur serverside
Bonjour @DanyKhalife comment avez-vous atteint? J'ai le même problème.
Vous pouvez simplement passer l'objet en tant qu'il est à jQuery. Disons que vous avez un objet var myData = {a: 1, b: 2, c: [3,4,5]}; le jQuery appel sera quelque chose comme $.ajax({ url: '/myscript.php', method: 'POST', data: myData, dataType: 'json', success: function(response){ console.log(response); } })
salut @Bill je m aussi envoyer tableau formData.append("ProIList", P. ProIList); en cela, mais je n'ai pas côté serveur ce tableau liste peut donc vous savez comment vous pouvez obtenir cette liste??

OriginalL'auteur Bill

À l'aide de .append() sur chaque élément du tableau associatif puisse produire les résultats que vous attendez.

En place de cette ligne:

formData.append('myarray',{key1: 'bla', key2: 'blubb'});

Vous pouvez essayer ce qui suit:

var myarray = {key1: 'bla', key2: 'blubb'};

jQuery.each(myarray, function(key, value) {
    formData.append('myarray['+key+']', value);
});

OriginalL'auteur Matt Stapleton

Grâce. J'ai maintenant trouvé cette solution:

                for (i = 0; i < social_networks.length; i++) {
                    formData.append("myarray["+i+"][mykey]",arr[i]['mykey']);
                    formData.append("myarray["+i+"][mykey2]",arr[i]['mykey2']);
                }

Si vous pensez que c'est la meilleure réponse, alors vous devriez l'accepter, pour aider les autres à l'avenir

OriginalL'auteur Rainer Sauerstoff

De l'essayer. Il a travaillé pour moi.

var files = $scope.myFile;
        var fd = new FormData();
        fd.append("file", files[0]);
        fd.append("assignment", JSON.stringify({ classAssignment: $scope.editItem }));

OriginalL'auteur codegrid

mon arrary liste, c'est comme cela

billlists = [{ Color: "White"Quantity: "1"Shape: "2.0"SizeNo1: "1"SizeNo2: "1"StoneColorCost: "20000"StoneColorWT: "0.006"Type: "1"__proto__: Object1: Color: "White"Quantity: "1"Shape: "2.0"SizeNo1: "0.5"SizeNo2: "0.7"StoneColorCost: "6"StoneColorWT: "0.005"Type: "1"},

{ Color: "White"Quantity: "1"Shape: "2.0"SizeNo1: "1"SizeNo2: "1"StoneColorCost: "20000"StoneColorWT: "0.006"Type: "1"__proto__: Object1: Color: "White"Quantity: "1"Shape: "2.0"SizeNo1: "0.5"SizeNo2: "0.7"StoneColorCost: "6"StoneColorWT: "0.005"Type: "1"}]

Ce code utilisé pour le format des données comme des paires clé-valeur

function serializeData(name, arr)
 {
   var a = [];
    for (var i = 0; i < arr.length; i++) 
        {
      for (var key in arr[i]) 
    {
 a.push({ name: name + '[' + i + '].' + key + '', value: arr[i][key] });
     }
        }
         return a;
                  }

  var mydata = serializeData('billlist', billlists);

  $.each(mydata, function (key, input) {
       fd.append(input.name, input.value);
            });

C'est la sortie de Données sérialisées

0: {name: "billlist[0].Type", value: "1"}
1: {name: "billlist[0].Color", value: "White"}
2: {name: "billlist[0].Shape", value: "2.0"}
3: {name: "billlist[0].SizeNo1", value: "1"}
4: {name: "billlist[0].SizeNo2", value: "1"}
5: {name: "billlist[0].Quantity", value: "1"}
6: {name: "billlist[0].StoneColorWT", value: "0.006"}
7: {name: "billlist[0].StoneColorCost", value: "20000"}
8: {name: "billlist[1].Type", value: "1"}
9: {name: "billlist[1].Color", value: "White"}
10: {name: "billlist[1].Shape", value: "2.0"}
11: {name: "billlist[1].SizeNo1", value: "0.5"}
12: {name: "billlist[1].SizeNo2", value: "0.7"}
13: {name: "billlist[1].Quantity", value: "1"}
14: {name: "billlist[1].StoneColorWT", value: "0.005"}
15: {name: "billlist[1].StoneColorCost", value: "6"}

Son travail pour moi

Mais dans d'autres post, j'ai vu des données est passer comme

 {name: "billlist[0][Type]", value: "1"}

Façon, il ne fonctionne pas pour moi

OriginalL'auteur Shailendra bind

Vous devez vous connecter pour publier un commentaire.