serialize sur un objet

Version imprimable

05/03/2009, 11h29
Tchupacabra

serialize sur un objet
Bonjour à toutes et à tous,

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

Code:

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

Variable de sortie :

Code:

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:

1 2 trace(o.serialize()); trace($(o).serialize());
mais rien ne sort... il semblerait que serialize() soit destiner aux formulaires...

Une idée ? :roll:
Merci d'avance
05/03/2009, 11h34
Bovino

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

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

coorection qui ne change rien au problème :

Code:

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

:aie:
05/03/2009, 11h51
Bovino

Code:

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 ?
05/03/2009, 12h05
Tchupacabra

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

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

Code:

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:

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 "";
	}
}

06/03/2009, 09h26
Tchupacabra

merci khayyam90 pour cette source !

c'est exactement ce qu'il me fallait. ;)

serialize d'un formulaire

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:

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;
}

18/03/2010, 21h39
danielhagnoul

Bonsoir.

Il y a également un serializeArray() : http://api.jquery.com/serializeArray/
29/03/2010, 11h14
mfej74

:ccool: yes, serializeArray() fonctionne à merveille. et remplace ma fonction.

Merci :mouarf: