Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Diego Macêdo

Exemplo simples de AJAX com erro

Recommended Posts

Tenhos 2 arquivos, um com o ajax e outro só com pequeno texto de exemplo.

 

Função do arquivo AJAX é puxar o texto do outro arquivo e substituir no arquivo atual dentro da div:

 

ajax.html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script type="text/javascript">
<!--
var xmlhttp = openAjax();

function openAjax(){
	try{
		return new XMLHttpRequest();
	}catch(ee){
		try{
			return new ActiveXObject("Msxml2.XMLHTTP");
		}catch(e){
			try{
				return new ActiveXObject("Microsoft.XMLHTTP");
			}catch(E){
				return false;
			}
		}
	}
}

function pegaConteudo() {
    if(xmlhttp){
        xmlhttp.onreadystatechange = processadorMudancaEstado;
        xmlhttp.open("GET", "dados.html");
        xmlhttp.setRequestHeader('Content-Type','text/xml');
        xmlhttp.setRequestHeader('encoding','ISO-8859-1');
        xmlhttp.send(null);
    }else{
		alert("ERRO: "+xmlhttp.statusText);
	}
}

function processadorMudancaEstado () {
    if ( xmlhttp.readyState == 4) { // Completo
        if(xmlhttp.status == 200) { // resposta do servidor OK
            document.getElementById("div_conteudo").innerHTML = xmlhttp.responseText;
        }else{
            alert( "Problema: " + xmlhttp.statusText );
        }
    }
}
-->
</script>
</head>

<body>
<div id="div_conteudo">Conteúdo que será alterado</div>
<input type="button" value="Carregar conteúdo" name="carregador" id="carregador" lang="pt-br" title="Carregador" onclick="pegaConteudo();"/>
</body>

</html>

dados.html

<h1>Conteúdo HTML.</h1>
<p>Este é o conteúdo HTML carregado dinamicamente do documento "dados.html" através da propriedade <em>responseText</em>.</p>

Toda vez que eu rodo no FF, ele dá o alert() e quando eu tento no IE (qlqr versão) ele não funciona e faz nada.

 

O que está errado no código?

Compartilhar este post


Link para o post
Compartilhar em outros sites

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.