serialize sur un objet

**Tchupacabra** · 05/03/2009, 11h29

Bonjour à toutes et à tous,

j'aimerais savoir s'il est possible de serializer un objet via jQuery...
Variable d'entrée :

Code :

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

var o = {a:9;b:"Hello"};

Variable de sortie :

Code :

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

var s = 'a:2:{s:1:"a";i:9;s:1:"b";s:5:"Hello";}';

J'ai essayé la function serialize() de jQuery de cette manière :

Code :

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

1
2
trace(o.serialize());
trace($(o).serialize());

mais rien ne sort... il semblerait que serialize() soit destiner aux formulaires...

Une idée ?

Merci d'avance

**Bovino** · 05/03/2009, 11h34

Ben déjà, tu as un problème d'écriture pour tes variables, il serait bon de revoir l'écriture des objets en JavaScript !

**Tchupacabra** · 05/03/2009, 11h47

tu dois parler du ";" ....erreur en écrivant le post

coorection qui ne change rien au problème :

Code :

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

var o = {a:9,b:"Hello"};

**Bovino** · 05/03/2009, 11h51

Code :

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

var s = 'a:2:{s:1:"a";i:9;s:1:"b";s:5:"Hello";}';

celui-ci aussi

Sinon, le mécanisme pour passer de l'un à l'autre, c'est quoi ?

**Tchupacabra** · 05/03/2009, 12h05

excuse mon ignorance mais je ne vois pas/plus d'erreurs...

le mécanisme ?
le but : convertir un objet en string

La conversion donnée en exemple plus haut est faite de tête.

**khayyam90** · 05/03/2009, 14h27

Si tu souhaites convertir un objet en une chaine de caractères, ton exemple

Code :

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

var s = 'a:2:{s:1:"a";i:9;s:1:"b";s:5:"Hello";}';

peut laisser perplexe puisqu'il ne s'agit pas de JSON.

La fonction serialize() de jQuery sert juste à sérialiser des champs inputs d'un formulaire et ce n'est pas ce que tu cherches.

J'étais aussi surpris de ne pas trouver de fonction de sérialisation d'objet en JSON alors voilà ce que j'ai dû faire :

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
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
function serialize(j){
	if (j == null)
		return "null";
 
	// pour chaque type de données
	switch(typeof j){
		// si chaine de caractères, on échappe les caractères spéciaux et on entoure la chaine de ""
		case "string":{
			j=j.replace('"', '\"');
			j=j.replace("\n", "\\n");
			j=j.replace("\t", "\\t");
			j=j.replace("\b", "\\b");
			j=j.replace("\f", "\\f");
			j=j.replace("\r", "\\r");
			return '"' + j + '"'; 
		}		
		// si nombre, on écrit simplement la valeur
		case "number":  
			return j;
		case "object":{
			// si tableau, on sépare les éléments par des virgules et on entoure le tout par des crochets
			if (j instanceof Array){
				var result = "[";
				for(var i=0; i<j.length; i++){
					result += serialize(j[i]);
					if (i+1 < j.length)
						result += ",";
				}
				result += "]";
				return result;
			}else{
				// si objet, on sépare les champs par des virgules et on entoure le tout par des accolades
				var result = "{";
				var properties = [];
				var propertyCount = 0;
				for (var prop in j){
					properties[propertyCount] = prop;
					propertyCount ++;
				}
 
				for (var i=0; i<propertyCount; i++){
					result += properties[i] + ':' + serialize(j[properties[i]]);
					if (i+1 < propertyCount)
						result += ',';
				}			
 
				result += "}";
				return result;
			}
		}
		// si booléen on affiche directement la valeur
		case "boolean": 
			return (j)?'true':'false';
		// si objets non sérialisables ou indéfinis (fonction, undefined ...) on renvoie une chaine vide pour garantir l'intégrité de la chaine JSON générée
		default:
			return "";
	}
}

**Tchupacabra** · 06/03/2009, 09h26

merci khayyam90 pour cette source !

c'est exactement ce qu'il me fallait.

**mfej74** · 18/03/2010, 12h02

Voici aussi un autre exemple de code. J'ai du créer un fonction sérialize pour générer le post d'un formulaire généré en ajax. En effet Le serialize de jquery ne fonctionne pas sur ces formulaires(elle fonctionne uniquement sur les formulaires de la page principale) . D'ailleurs si vous avez un moyen de faire sans utiliser cette fonction homemade, je suis preneur.

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
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
 
function serialize_homeMade(formulaire) {
dun-formulaire/
    if (formulaire == null) {return "null";}
    var result = "" ;
    for (i=0; i < formulaire.elements.length; i++)
    {
        var valeur;
        switch (formulaire.elements[i].type) {
            case "select-one" :
                valeur=formulaire.elements[i].options[formulaire.elements[i].selectedIndex].value;
                break;
            case "checkbox" :
                if(formulaire.elements[i].checked) {
                    valeur = 1;
                } else {
                    valeur = 0 ;
                }
                break;
            case "radio" :
                valeur="";
                var index_radio = i - 1;
                var TMP = 0;
                do{
                    index_radio = index_radio + 1;
                    if (formulaire.elements[index_radio + 1]){
                        if (formulaire.elements[index_radio].name == formulaire.elements[index_radio + 1].name) {
                            TMP = 1;
                        } else {
                            TMP = 2;
                        }
                    } else {
                        TMP = 2;
                    }
                    if(formulaire.elements[index_radio].checked){
                        valeur = formulaire.elements[index_radio].value;
                    }
                }
                while ( i < formulaire.elements.length && TMP== 1)
                    i = index_radio;
                break;
            default :
                valeur=formulaire.elements[i].value;
        }
        if (formulaire.elements[i].type && formulaire.elements[i].type != "button")  {
            if (result != "") {result += "&";}
            result += formulaire.elements[i].name + "=" + valeur ;
        }
    }
    return result;
}