[AJAX] code ajax impossible de faire touner sur IE8 ou chrome

**buxan** · 11/01/2011, 01h13

bonsoir, mon problème est dans le titre

débutant en js,

impossible de faire fonctionner mon code sous chrome ni IE8 et pourtant ça fonctionne sous firefox

pouvez vous me dire ce qui cloche dans mon code?

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
47
48
49
50
51
52
function getXMLHttpRequest() {
	var xmlhttp = null;
 
	if (window.XMLHttpRequest || window.ActiveXObject) {
		if (window.ActiveXObject) {
			try {
				alert("1");
				xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
			} catch(e) {
				xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
				alert("2");
			}
		} else {
			xmlhttp = new XMLHttpRequest();
			alert("3");
		}
	} else {
		alert("Votre navigateur ne supporte pas l'objet XMLHTTPRequest...");
		return null;
	}
 
	return xmlhttp;
}
 
function request(callback) {
	var xhr = getXMLHttpRequest();
 
	xhr.onreadystatechange = function() {
		if (xhr.readyState == 4 && (xhr.status == 200 || xhr.status == 0)) {
			callback(xhr.responseXML);
		}
	};
 
	xhr.open("POST", "fichier/CodePostal.xml",true);
	xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
	xhr.send(null);
}
 
 
function loadXMLDoc(odata){
	var txt = "";
    x = odata.getElementsByTagName("CP");
 
	y = odata.getElementsByTagName("ville");
 
    for (i=0;i<x.length;i++){
		if (x[i].childNodes[0].nodeValue == document.getElementById("CP1").value){
			txt= y[i].childNodes[0].nodeValue;
		}
    }
    document.getElementById("ville1").value = txt;
}

et voici le bout de code html concerné:

Code :

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

1
2
3
4
5
6
 
<fieldset>
	<legend>Adresse</legend>
	<div id="AdrCP"><label for="CP1">Code postal  </label> :<input type="text" name="CP" id="CP1" size="6" maxlength="6" onblur=request(loadXMLDoc)></div>
	<div id="AdrV"><label for="ville1">Ville  </label> : <input type="text" name="ville" id="ville1" size="50" maxlength="50"></div>
</fieldset>

et enfin mon xml:

Code :

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

1
2
3
4
5
6
7
8
9
10
 
<?xml version="1.0" encoding="ISO-8859-1" standalone="yes"?>
<adresse>
	<CP>93430</CP>
		<ville>Villetaneuse</ville>
	<CP>92000</CP>
		<ville>Nanterre</ville>
	<CP>75000</CP>
		<ville>Paris</ville>
</adresse>

**buxan** · 12/01/2011, 18h37

lorsque j'ouvre la console javascript sur chrome, ça me met :

Failed to load resource
XMLHttpRequest cannot load file:///C:/SIL/fichier/CodePostal.xml. Cross origin requests are only supported for HTTP.
js/verif.js:42Uncaught TypeError: Cannot call method 'getElementsByTagName' of null
js/verif.js:36Uncaught Error: NETWORK_ERR: XMLHttpRequest Exception 101

help

**buxan** · 14/01/2011, 00h44

Bonsoir à tous

J'ai beau chercher un peu partout même dans la faq; impossible de trouver une réponse.

Donc juste une question pour ceux qui font juste du html,js et Ajax (pas
de php).
vos codes tournent bien sur ie et chrome quand vous utilisez Ajax pour incorporer une liste déroulante ou un texte dans un input de votre code html?

Si oui pouvez vous me montrer un bout de votre code html et le script ajax le concernant.

Peut être que tous simplement, mon problème est ailleurs.

Merci d'avance

**NoSmoking** · 15/01/2011, 13h50

Bonjour,

vos codes tournent bien sur ie et chrome quand vous utilisez Ajax pour incorporer une liste déroulante ou un texte dans un input de votre code html?

- pour chrome pas en local
- pour IE suivant config, en local il te faut dans les Options Internet -> Avancés désactiver la prise en charge native de XMLHTTP.
Fais les tests en ligne.