Stress du débutant en Ajax

**lodan** · 13/08/2006, 16h49

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 :

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>

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

**Seb06** · 14/08/2006, 22h41

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

Bonsoir,

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

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"){
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 ?

**lodan** · 15/08/2006, 07h40

Bonjour,

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

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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.

**Seb06** · 15/08/2006, 08h06

Envoyé par pierre3

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
 
		<script src="rico/prototype.js"></script>
		<script src="rico/rico.js"></script>

**lodan** · 15/08/2006, 08h34

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

Stress du débutant en Ajax [Rico]

Bibliothèques & Frameworks

Vue hybride

Discussions similaires

Partager

Partager