Bonjour,
Suite aux conseils, somme toute avisé de ce forum, je me mets à essayer de comprendre le fonctionnement de AJAX.
Le principe me convient tout à fait pour une partie de mon application.
Je lis donc tout ce que je trouve sur le sujet depuis hiers et j'essaye les exemples.
Mais là je sèche complètement, je refais ce qui se trouve ici
ça à l'air simple et ça doit l'être, mais cela ne passe pas.
Voici mon code html
Et voici mon php
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 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="content-type" content="text/html;charset=utf-8" /> <meta name="generator" content="Adobe GoLive" /> <title>Rico test</title> <script src="http://127.0.0.1/gestelle/rico/prototype.js"></script> <script src="http://127.0.0.1/gestelle/rico/rico.js"></script> </head> <body> <script type='text/javascript' language='Javascript' > function getInfo(maVar) { ajaxEngine.registerRequest( 'getInfo', 'http://127.0.0.1/gestelle/rico/getinfo.php'); ajaxEngine.registerAjaxElement('personInfo'); ajaxEngine.sendRequest( 'getInfo',"var=" + maVar); } </script> <input type="button" value="Affiche Info" onclick="getInfo('affiche')"><br> <input type="button" value="Masque Info" onclick="getInfo('masque')"><br> <div style="display:block;border:1px solid #000000" id="personInfo"> Cliquez sur un bouton pour mettre a jour les données. </div> </body> </html>
Cela fonctionne bien sûr sur le site sur lequel j'ai pris l'original.
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 header("Content-type: text/xml"); echo "<?xml version="1.0" encoding="UTF-8"?>"; if ( $_GET["var"] == "affiche"){ ?> <ajax-response> <response type="element" id="personInfo"> <div class="person">Affichage des données</div> </response> </ajax-response> <? }else{ ?> <ajax-response> <response type="element" id="personInfo"> <div class="person">Masque des données</div> </response> </ajax-response> <? } ?>
Donc javascript est activé sous mon firefox.
Quand je vais sur la consol Javascript, il ne se passe rien.
Que n'ai-je point vu ?
Partager