Stress du débutant en Ajax

Version imprimable

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

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
<!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>

Et voici mon php

Code:

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

Cela fonctionne bien sûr sur le site sur lequel j'ai pris l'original.

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 ?

Code:

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

Bonsoir,

On dirait bien qu'il y à pas mal de choses qui ne vont pas :aie:

Code:

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"){
echo "
<ajax-response>
      <response type='element' id='personInfo'>
            <div class='person'>Affichage des données</div>
      </response>
</ajax-response>";
 
}else{
echo "
<ajax-response>
      <response type='element' id='personInfo'>
            <div class="person">Masque des données</div>
      </response>
</ajax-response>";
}
?>

Mieux ? ;)

15/08/2006, 07h40
lodan
Bonjour,

Oui effectivement l'original n'était pas beau.

Ne subsiste-t-il pas une anomalie à ce niveau là ?
Code:

1 2 3 <? header("Content-type: text/xml"); echo "<?xml version='1.0' encoding='UTF-8'?>";
il y a 2 balise <? qui se suivent ?

Bon de toute façon, cela ne fonctionne pas mieux, ce tuto en copié collé n'est pas correct et en plus les sources qui fonctionnent ne sont pas fournis.

Merci, si tu vois quelques choses.
15/08/2006, 08h06
Seb06
Citation:
Envoyé par pierre3

Ne subsiste-t-il pas une anomalie à ce niveau là ?

Code:

1 2 3 <? header("Content-type: text/xml"); echo "<?xml version='1.0' encoding='UTF-8'?>";
Re ! non je ne pense qu'il y ai une anomalie, vu que les <? ?> sont du simple texte envoyés au navigateur.

Mon conseil serait de déjà réussir à créer un flux XML correct. Une fois que c'est fait, essaie d'utiliser RICO.

Autre chose, je vois que tu as mis la chose suivante :
Code:

1 2 3 <script src="http://127.0.0.1/gestelle/rico/prototype.js"></script> <script src="http://127.0.0.1/gestelle/rico/rico.js"></script>
Si tu peux, essaie d'utiliser des liens relatifs, c'est à dire que si ta page se trouve a la racine de ton site, et que les sources de RICO sont dans /rico, les liens ressembleront plutot à ça :
Code:

1 2 3 <script src="rico/prototype.js"></script> <script src="rico/rico.js"></script>
15/08/2006, 08h34
lodan

Ok merci pour le lien relatif, mais j'avais mis cela dans le oute, parceque je ne savais plus où chercher.

Je laisse tomber ce tuto et je vais en chercher un autre pour comprendre et commencer à apprendre.

J'ai quand même écrit à l'auteur du tuto au cas où

Merci encore