[AJAX] Combobox avec du java

Version imprimable

14/04/2014, 16h10
yves1993

[AJAX] Combobox avec du java

Bonjour,
je suis un débutant en ajax (en fait je suis un débutant en langage web), et je suis un peu coincé lors de la résolution d'un énoncé.
En gros: je possède un site qui me permet d'afficher des rencontres de foot selon 3 critères : le jour, le n° du club, le n° de l'équipe.
Pièce jointe 142928
Pour le moment tout fonctionne . (c'est un exo avec plusieurs étapes ^^)
Maintenant on me demande que les n° d'équipe et de club deviennent des combobox dont les valeurs sont mises à jour par ajax. ( en gros , si je choisi le club 1 je dois avoir que les equipes du club 1 dispo dans la combobox avec les equipes).
la base de donnée que je possède est une base de donnée javaDB.
On m'a aussi donné un .Jar possédant différentes méthodes de recherche (c'est ce que j'utilise pour afficher les resultats d'ailleurs).
Durant mes cours j'ai eu un exercice similaire, sauf que les informations ne se trouvaient pas dans une base de donnée , mais dans différents fichiers (le nom du fichier etait le critère de recherche n°1, et dans ce fichier se trouvait les valeurs à mettre dans la seconde combobox). Là tout me semble vraiment très très flou, je ne vois pas comment je suis supposé récupérer les différentes valeurs, quelqu'un pourrait-il me donner une piste ?
Il y a tellement de langages différents que je vois pas trop ce que je dois faire ^^ on a aussi vu du xml, mais je pense que le traitement serait plutôt lourd si je dois créer des fichiers xml pour chaque club , et puis si il y a un changement dans la bd les informations dans les xml ne seraient plus justes .
merci ;)
15/04/2014, 07h18
andry.aime

Bonjour,

:fleche: Listes déroulantes liées entre elles.

A+.
15/04/2014, 19h08
yves1993

Merci,
mais je n'ai pas trouvé bonheur dans ce lien :/
Dans ces liens la base de donnée est une MySql, moi je dois utiliser une BD javaDB ou utiliser les resultats du .jar qui manipule cette même BD. (et je dois utiliser ajax)
15/04/2014, 19h21
NoSmoking

Bonjour,

Citation:

(et je dois utiliser ajax)

tu ne trouveras pas de solution toute faite, il te faut comprendre la philosophie du fonctionnement.
:fleche: Comprendre les mécanismes d'AJAX

Merci !
J'ai consulté tous ces documents et j'ai presque réussi, voilà ce que j'ai fait :

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
 <label>No de club</label>
                <%
                    String options = "";
 
                options = "<select name=\"equipe\">";
                        List<EquipeDto> e = (List<EquipeDto>) EquipeDb.getAllEquipes();
                        for (EquipeDto eq : e) {
                            options += "<option value=" + eq.getNum() + ">" + eq.getNum() + "</option>";
                        }
 
                        options += "</select>";
                    %>
 
                <select id="noClub" name="club"  onchange="test('<%=options%>', 'listeEquipe');">
                        <%
                            List<ClubDto> cl = (List<ClubDto>) ClubDb.getAllClubs();
                            int no = 0;
                            for (ClubDto r : cl) {
                                no = r.getNum();%>
                            <option value ="<%=no%>"><%=no%></option>
                    <% } %>
 
 
                </select>
 
 
 
                <label>No de l'équipe</label>
                <span id='listeEquipe'> 
                </span>

Donc j'ai mis dans la variable "options" le code qui générera la combobox dynamique (pour le moment elle proposera toutes les équipes, donc ne sera pas dynamique, mais c'est juste pour tester, après j'affinerai les résultats)
Seulement, deux problèmes apparaissent :
1: quand je donne le contenu de la variable "options" a ma méthode ajax, son contenu est interpreté directement et donc, le resultat final est mauvais...
2: etant donné que la variable options sera initialisée avant d'avoir choisi la valeur dans la combobox, je ne vois pas comment je vais pouvoir rendre la deuxième combobox dynamique.

Voici le code ajax

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
function test(liste, id) {
     document.getElementById(id).innerHTML = liste;
    var http = createHTTP();
    http.onreadystatechange = function() {
        if (http.readyState == 4) {
            if (http.status == 200) {
                document.getElementById(id).innerHTML = liste; 
            } else {
                document.getElementById(id).innerHTML = "XXXXXXXXXXXXXXXXXX";
            }
        }
 
    }
    http.send(null);
}
 
 
function createHTTP() {
    try { // Firefox, Opera 8.0+, Safari et IE récent
        http = new XMLHttpRequest();
    } catch (e) { // Vieux IE
        try {
            http = new ActiveXObject("Msxml2.XMLHTTP");
        } catch (e) {
            try {
                http = new ActiveXObject("Microsoft.XMLHTTP");
            } catch (e) {
                http = null;
            }
        }
    }
    return http; // null si navigateur incompatible
}

Pourriez-vous me dire si pour l'instant c'est correct et si je m'y prends bien ?
merci :?

16/04/2014, 18h57
NoSmoking

Citation:

1: quand je donne le contenu de la variable "options" a ma méthode ajax, son contenu est interpreté directement et donc, le resultat final est mauvais...

pas bien compris ce que tu veux dire !!!!

Par compte dans ton code Ajax je ne vois pas de oXMLHttpRequest.open( 'GET/POST', 'URL_page', true);