[ASP] Listes déroulantes en AJAX
Fermé
Domiii
-
5 févr. 2008 à 09:05
Alain_42 Messages postés 5358 Date d'inscription dimanche 3 février 2008 Statut Membre Dernière intervention 13 février 2017 - 5 févr. 2008 à 10:26
Alain_42 Messages postés 5358 Date d'inscription dimanche 3 février 2008 Statut Membre Dernière intervention 13 février 2017 - 5 févr. 2008 à 10:26
A voir également:
- [ASP] Listes déroulantes en AJAX
- Listes déroulantes excel - Guide
- Erreur ajax ✓ - Forum Webmastering
- Listes déroulantes en cascade - Astuces et Solutions
- Passer variable javascript en php ajax ✓ - Forum PHP
- Additionner deux listes python - Forum Python
1 réponse
Alain_42
Messages postés
5358
Date d'inscription
dimanche 3 février 2008
Statut
Membre
Dernière intervention
13 février 2017
901
5 févr. 2008 à 10:26
5 févr. 2008 à 10:26
Le principe d'AJAX:
Dans le <select de la liste 1 tu mets onChage="fct_javascritAjax();"
cette fonction, tu vas voir sur les tutos comment la faire, va appeler un script asp sur le serveur en arrière plan, sans recharger la page
en lui envoyant la valeur selectionnée dans liste 1 (send(data)) en methode post ou get
valeur lue dans le selct par document.getElementById('id_liste1').value
le script lit la BDD en fonction de cette valeur recue et te renvoie la réponse sous la forme text
<select...
<option ..
</select>
Lorsque le navigateur client reçoit la réponse, la focntion vient écrire dans un <div id='id_liste2'<</div>
par document.getElementById('id_liste2').innerHTML=texte_recu
Dans le <select de la liste 1 tu mets onChage="fct_javascritAjax();"
cette fonction, tu vas voir sur les tutos comment la faire, va appeler un script asp sur le serveur en arrière plan, sans recharger la page
en lui envoyant la valeur selectionnée dans liste 1 (send(data)) en methode post ou get
valeur lue dans le selct par document.getElementById('id_liste1').value
le script lit la BDD en fonction de cette valeur recue et te renvoie la réponse sous la forme text
<select...
<option ..
</select>
Lorsque le navigateur client reçoit la réponse, la focntion vient écrire dans un <div id='id_liste2'<</div>
par document.getElementById('id_liste2').innerHTML=texte_recu