Discussion :

[boutmos]

Bonjour,

J'utilise JQuery pour faire une requete ajax sur un fichier XML.

Cela fonctionne tres bien sous FF, Opera , Safari , chrome mais pas sur IE6,7,8

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
function ajaxXML(){
    $.ajax({
        type : "POST",
        url : "xml/sites.xml",
        dataType : "xml",
        success : function(xml) {
          // Traitement
       },
       error: function(xml) {
         alert('erreur dans la requete');
       }
   });
}

Auriez vous deja rencontré ce probleme ?

D'avance, merci

[Bovino]

Qu'est-ce qui ne fonctionne pas avec IE ?

[boutmos]

j'ai suivi ce tutoriel : http://pckult.developpez.com/tutorie...e-fichier-xml/

Ce qui ne fonctionne pas sous IE :
D'apres ce que j'ai compris çà m'a tout l'air d'être le datatype: "xml"

J'ai donc fait qlq recherche et j'ai remplacé par

Code :

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

1
2
3
4
5
6
7
8
9
 
    $.ajax({
        type : "POST",
        url : "xml/sites.xml",
        dataType: ($.browser.msie) ? "text" : "xml",
        success : function(xml) {
         // traitement
       }
    });

Désormais sous IE, je rentre bien dans la partie Success et là je me heurt a un autre problème :

Il paraitrait que .find() ne fonctionne pas très bien avec IE

[boutmos]

Apparement çà serait du au mimeType du fichier XML retourné par le serveur.

J'ai lu un article ( http://twelvestone.com/forum_thread/view/43158 ) et essayé d'adpter mon code ce qui donne :

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
33
34
35
36
37
38
39
40
41
42
43
44
45
46
 
parseXML = function(str){
	alert('yoyop');
	if(!$.support.htmlSerialize){
		var xmlDoc=new ActiveXObject("Microsoft.XMLDOM");
		xmlDoc.async="false";
		xmlDoc.loadXML(str);
		return $(xmlDoc); // fix. jquery says, this is a dom, and treats it as one
	}else{
		return $(str); // jquery says, i have a string that is xml to convert to a dom, and treats it as one
	}
}
 
function ajaxXML(){
	$.ajax({
		type : "POST",
		url : "xml/sites.xml",
		dataType: ($.browser.msie) ? "text" : "xml",
		contentType: 'text/xml',
		success : function(data) {
			this.data = parseXML(data);
 
			alert(this.data);	// debug
			$("body").prepend("<div id='toto' style='border: 2px solid red;'>"+this.data.text()+"</div>");	// debug
 
			$(this.data).find('site').each(function(){
				var id = $(this).attr('id');
				var title = $(this).find('title').text();
				var url = $(this).find('url').text();
				var prenom = $(this).find('lenomatoto').text();
				$('<div class="items" id="link_' + id + '"></div>').html('<a href="' + url + '">' + title + '</a>').appendTo('#Div_XML');
				$(this).find('desc').each(function(){
					var brief = $(this).find('brief').text();
					var longue = $(this).find('long').text();
					var prenom = $(this).find('lenomatoto').text();
					$('<div class="brief"></div>').html(brief).appendTo('#link_'+id);
					$('<div class="long"></div>').html(longue).appendTo('#link_'+id);
					$('<div class="prenom"></div>').html(prenom).appendTo('#link_'+id);
				});
			});
		},
		error: function(data) {
			alert('erreur dans la requete Ajax');
		}
	});
}

Dans un alert IE me retourne un [object Object] mais je n'arrive toujours pas a parser celui ci avec .find()

Merci

[danielhagnoul]

Bonsoir.

Si c'est en local, il est connu que la transaction AJAX XML ne fonctionne pas avec IE.