problema XMLHttpRequest con IE

[webatwork]

Ho sviluppato il seguente codice per ottenere una lista di nazioni da un file XML

// crea l'oggetto per la comunicazione AJAX con il server
// compatibile con tutti i browser che supportano AJAX

var xmlHttp;
function createXMLHttpRequest() {
	
	if (window.ActiveXObject) {
		xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
	}
	else if (window.XMLHttpRequest) {
		xmlHttp = new XMLHttpRequest;
	}	

}




function startRequest(){
	createXMLHttpRequest();
	xmlHttp.onreadystatechange = handleStateChange;
	xmlHttp.open("GET", "inc/states.xml", true);
	xmlHttp.send(null);
}
function handleStateChange() {
	if(xmlHttp.readyState == 4){
		if(xmlHttp.status == 200) {
			listAllStates();
		}
	}
}

function listAllStates() {
	var xmlDoc = xmlHttp.responseXML;
	var allStates = xmlDoc.getElementsByTagName("country");
	outputList(allStates);
}
 
function outputList(states) {
	var out='<ul>';
	var currentState = null;
	for( i = 0; i < states.length; i++) {
		currentState = states[i];
		out = out + "<li onmousedown=\"change_lg('shipstate',this.innerHTML);\">" + currentState.childNodes[0].nodeValue + "";		
	}
	out += '[/list]';
	document.getElementById('lang_2').innerHTML = out;
	click_lg(2);
}

Funziona bene con Firefox ma non con IE, ovvero non dà errore ma non riempie la lista

Come mai?

Grazie!!!

[fcaldera]

quale versione di Explorer?
che tipo di malfunzionamento si verifica? ci sono messaggi di errore?

[webatwork]

Sia su ie6 che su ie7 non dà errore ma non riempie la lista. states.length=0

ho provato ad ottenere XMLHttpRequest con funzioni più complesse che tengono conto delle varie implementazioni dei vari browsers ma il risultato non cambia

[fcaldera]

fai un po' di debug

function listAllStates() {
alert(xmlHttp);
var xmlDoc = xmlHttp.responseXML;
alert(xmlDoc);
var allStates = xmlDoc.getElementsByTagName("country");
alert(allStates);
outputList(allStates);
}


che valori ti ritornano i tre alert (su IE6 e 7)?

[webatwork]

Sia su ie6 che ie7 mi risponde a tutti e tre: [object], mentre con Firefox mi dice nell'ordine: [object XMLHttpRequest], [object XMLDocument], [object HTMLCollection],

[andr3a]

ops ... avevo visto male ... errori in console di IE?

P.S. come per il blasonato AHAH, il tuo script soffre di problemi se fai più di una chiamata alla stessa funzione, "grazie" alla variabile globale che viene sovrascritta

[webatwork]

Confesso che ci sto capendo poco poco...
Ho svuotato la cache dei due browser e ora funziona tutto su tutti i browser

Andr3a, potresti spiegarti meglio?

GRAZIE!!

[fcaldera]

quindi la pagina ora funziona
però poi non funziona più fino a quando non svuoti nuovamente la cache?

se sì prova a modificare

if(xmlHttp.readyState == 4){
	if(xmlHttp.status == 200) {
		listAllStates();
	}
}

if(xmlHttp.readyState == 4){
	if ((xmlHttp.status == 200) || (xmlHttp.status == 304)) {
		listAllStates();
	}
}

[andr3a]

il 304 e' per il moved, ma la cache di IE e' ben altro problema, risolto ad esempio nella mia ABC

[fcaldera]

no, il 304 non è il moved... è il "not modified" (cioè la risposta non è cambiata dall'ultima richiesta). Avevo lo stesso problema tempo fa con Opera e ho risolto così, penso che il setRequestHeader dell' "if-modified-since" abbia lo stesso effetto...