ajax et xml

Version imprimable

ajax et xml

Bonjour, tout d'abord merci de bien vouloir m'aider, je patauge depuis des heures sans avancer.
J'utilise jquery pour manipuler l'ajax, voici mon code:

Page où j'ai fait ma liste:

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
<?php
include("include/connexion.php");
echo '<div id="listeLog"><form><select name="logiciels" id="listLog" size="20" onChange="mettreAjour()">';
        mysql_connect($host,$user,$passwd) or die("erreur de connexion au serveur $host");
        mysql_select_db("siteperso") or die("erreur de connexion a la base de donnees");
        $query = "SELECT nom FROM logiciel";
        $result = mysql_query($query);
        while($row = mysql_fetch_row($result)){
                echo '<option>'.$row[0];
                }
        if (isset($_POST['nomLog'])) {
        $query = "SELECT chemin, domaine, comm FROM logiciel where nom like".$_POST['nomLog'];
        $result = mysql_query($query);
        while($row = mysql_fetch_row($result)){
                                $chemin=$row[0];
                                $domaine=$row[1];
                                $comment=$row[2];
                        }
        };
echo '</select></form></div>
                <div id="type"></div>
                <div id="description"></div>
                <div id="lien"></div>';
?>

page du code ajax envoyant le nom du logiciel à une page php:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
// Partie AJAX du site web :
function mettreAjour(){
	nom = document.getElementById("listLog").value;
	//alert(nom);
	//chaine = "nomLog="+nom;
	//alert(chaine);
$.ajax({
   type: "POST",
   url: "include/infolog.php",
   data: "nomLog="+nom,
   dataType: "xml",
   success: function(xml)
   {
	   $(xml).find('infos').each(function()
			{
     		document.getElementById("type").innerHTML =$(this).find('domaine').text();
	 		document.getElementById("description").innerHTML =$(this).find('commentaire').text();
	 		document.getElementById("lien").innerHTML =$(this).find('lien').text();
			});
   },
	error: function(){alert("marche pas");}
 	});
}

page php récupérant les données du logiciel que je veux afficher, renvoi du xml (normalement):

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<?php
        include("include/connexion.php");
        mysql_connect($host,$user,$passwd) or die("erreur de connexion au serveur $host");
        mysql_select_db("siteperso") or die("erreur de connexion a la base de donnees");
        $query = "SELECT chemin, domaine, comm FROM logiciel where nom like".$_POST[['nomLog'];
        $result = mysql_query($query);
        echo '
        <?xml version="1.0" encoding="utf-8"?>
        <root>';
        while($row = mysql_fetch_row($result)){
                echo '
                <infos>
                <domaine>'.$row[1].'</domaine>
                <commentaire>'.$row[2].'</commentaire>
                <lien><a href="'.$row[0].'">Télécharger</a></lien>
                </infos>';
                        }
        
        echo '</root>';
        mysql_close(); 
?>

Alors mon problème est le suivant, je suis renvoyé à l'évènement erreur si je mets datatype: "xml", si je ne le met pas il se passe rien et quand je test la valeur $(this).find('domaine').text() avec un alert, la valeur est vide.

Je pense que j'ai un problème avec la réponse en xml mais je vois pas du tout comment résoudre le problème car je suis un néophyte dans ce domaine :pc: .

Merci de votre aide !

Bonsoir.

Exemple (chez moi, le XML en local ne fonctionne que sous Firefox. Il n'a jamais fonctionné sous IE et il ne fonctionne plus sous Chrome 5) :

Code:

1
2
3
4
5
6
7
8
<?xml version="1.0" encoding="utf-8"?>
<root>
	<infos>
		<domaine>jQuery</domaine>
		<commentaire>Fondations, plug-ins, et widget</commentaire>
		<lien href="http://danielhagnoul.developpez.com">Mon Cahier d'exercices sur jQuery &amp; Co</lien>
	</infos>
</root>

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
<!doctype html>
<html lang="fr">
<head>
	<meta charset="utf-8" />
	<title>Document sans nom</title>
	<script charset="utf-8" src="../lib/jqueryui/js/jquery-1.4.2.min.js"></script>	
	<script>
		$(function() {
			$.get("root.xml", function(xml) {
				$(xml).find('infos').each(function(i, item){
					$("#type").html($(item).find('domaine').text());
					$("#description").html($(item).find('commentaire').text());
 
					var url = $(item).find('lien').attr("href");
					var str = $(item).find('lien').text();
 
					$("#lien").html("<a href='" + url + "'>" + str + "</a>");
				});
			}, "xml");
		});
	</script>
</head>
<body>
	<div id="type"></div>
	<div id="description"></div>
	<div id="lien"></div>
</body>
</html>

10/06/2010, 14h28
stilgard

Si ça marche pour toi en local sur firefox, je boss déjà en local sur firefox. Peut-être que le problème vient de wamp...

Ou si je lis bien ton code concernant le xml est faux. Sauf que ma fonction n'a jamais été lancé parce que quand je mets le dataType : "xml" dans l'ajax de jquery, je tombe directement sur l'événement error. Alors que lorsque je ne le mets pas rien ne se passe. :aie:

Donc le problème reste le même ^^ mais merci de ta réponse elle m'aidera surement.

Question à 2 balles, est-ce que le problème ne viens pas de ceci :

- abscence de $(document).ready(function() ?

- et l'url donne sur une page php et pas sur du xml ? (seulement si jquery ne trouve pas le fichier xml parce que j'utilise une page php qui me renvoi du xml avec des echo ça m'embêterai)

Merci.
11/06/2010, 01h08
danielhagnoul

Bonsoir.

Citation:

Envoyé par stilgard

abscence de $(document).ready(function() ?

Non, $(function() est la forme abrégée.

Mon exemple vient en réaction au

Citation:

<lien><a href="'.$row[0].'">Télécharger</a></lien>

dans votre code XML et au traitement de l'information coté jQuery.

Le fait que j'utilise un exemple avec $.get() au lieu de $.ajax() ne change rien au traitement du XML.

Pour le PHP, je suis débutant et non compétent.
11/06/2010, 01h42
stilgard

Merci pour ta réponse. Demain je test la méthode que tu as utilisée, faire les modifs en conséquence et je reviens aux nouvelles. :mrgreen:

[Edit 2010-06-11 16:47]

Ton code doit marcher puisque tu le dis, seulement il faut préciser un nom de fichier .xml et ça ne marche pas avec une page en php à mon avis. :cry: DAMNED:furax:, j'ai horreur d'avoir autant de résistance par rapport à mes programmes. Surtout quand je ne sais pas pourquoi.:bug:
15/06/2010, 09h05
stilgard

Bon, j'ai résolu des problèmes d'appel de page, ma page php envoi bien du xml grâce à des echo cependant j'ai toujours le même problème avec jquery.:?
15/06/2010, 23h20
danielhagnoul

Bonsoir.

Suite aux modifications, il serait utile de nous communiquer le contenu du XML et le code jQuery actuel.
19/07/2010, 22h02
stilgard

2 pièce(s) jointe(s)

bin la méthode pour créer et extraire les informations du xml restent la même, il s'agissait de problèmes d'appels de pages.

Mais j'ai toujours le même problème.