Transformation tableau jQuery en Json
Bonjour,
Je n'arrive pas à transformer deux tableaux en un tableau à deux dimension Json. Si je crée manuelement mon tableau ça marche, mais pas en agrégeant mes deux tableaux créés dynamiquement.
Sur une page j'essaye de mettre en place deux catégories de filtres pour un affichage d'une requête mysql.
En Jquery j'ai des scripts qui fonctionnent qui permettent de changer l'icône devant le filtre quand il est activé. Mais deux tableaux qui enregistrent l'état des filtres activés marchent donc correctement.
Mais quand je vérifié les donnée envoyé par ma requête ajax dans firebug j'ai un simple [] comme donnée transmise.
Etant novice et non pro, je suppose que quelque chose m'échappe. Pouvez vous m'aider ?
Voici le script Jquery de ma page :
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
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
| $(document).ready(function() {
var categorie = [],
audience = [];
param = [];
$("#contenuinterv").hide();
$("#contenuaudience").hide();
$(".interv").click(function() {
if (categorie[$(this).attr('id')]) {
delete(categorie[$(this).attr('id')]);
$("#toggleInterv" + ($(this).attr('id')).replace(/ /g, '')).html('<i class="fa fa-toggle-off fa-2x" ></i>');
} else {
categorie[$(this).attr('id')] = true;
$("#toggleInterv" + ($(this).attr('id')).replace(/ /g, '')).html('<i class="fa fa-toggle-on fa-2x" ></i>');
}
return false;
});
$(".audience").click(function() {
if (audience[$(this).attr('id')]) {
delete(audience[$(this).attr('id')]);
$("#toggleAudience" + ($(this).attr('id')).replace(/ /g, '')).html('<i class="fa fa-toggle-off fa-2x" ></i>');
} else {
audience[$(this).attr('id')] = true;
$("#toggleAudience" + ($(this).attr('id')).replace(/ /g, '')).html('<i class="fa fa-toggle-on fa-2x" ></i>');
}
return false;
});
$("#linkinconinterv").click(function() {
if ($(this).attr('class') == 'iconfermé') {
$("#contenuinterv").show();
$("#linkinconinterv").html("<i class='fa fa-chevron-right fa-rotate-90' id='iconinterv'></i>");
$("#linkinconinterv").attr('class', 'iconouvert');
} else {
$("#contenuinterv").hide();
$("#linkinconinterv").html("<i class='fa fa-chevron-right' id='iconinterv'></i>");
$("#linkinconinterv").attr('class', 'iconfermé');
}
return false;
});
$("#linkinconaudience").click(function() {
if ($(this).attr('class') == 'iconfermé') {
$("#contenuaudience").show();
$("#linkinconaudience").html("<i class='fa fa-chevron-right fa-rotate-90' id='iconudience'></i>");
$("#linkinconaudience").attr('class', 'iconouvert');
} else {
$("#contenuaudience").hide();
$("#linkinconaudience").html("<i class='fa fa-chevron-right' id='iconudience'></i>");
$("#linkinconaudience").attr('class', 'iconfermé');
}
return false;
});
$("#filtre").click(function() {
$('#listeintervention').html('<p class="spinnerload"><i class="fa fa-spinner fa-5x fa-pulse"></i></p>');
param["audience"] = [];
param["categorie"] = [];
param["audience"] = audience;
param["categorie"] = categorie;
var params = JSON.stringify(param);
$.ajax({
type: "POST",
url: "{{ path('Ajax_ListeInterv') }}",
data: params,
success: function(code_html, statut) {
$('#listeintervention').html($(code_html));
}
});
return false;
});
}); |
