Ir para conteúdo

POWERED BY:

Arquivado

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

rodazzz

Descobrir o erro

Por , em Javascript

Recommended Posts

rodazzz    0

rodazzz
Postado

Qual o problema com esse código javascript que eu não estou achando?

 

Código html:

 

<html>
<head>

	<title>Aprendendo AJAX</title>

	<script type="text/javascript" src="../js/AJAX.js"></script>


	<style type="text/css">
	a {border:2px solid #000000;padding:5px;float:left;}
	a:hover {background-color:#f9f9f9;}

	</style>

</head>

<body>

<a href="#" id="btn">AJAX</a>
<div id="resposta"></div>

</body>

</html>

 

Codigo javascript:

 

window.onload = function(){

document.getElementById("btn").onclick = function(){
//status=200, statusText=OK, responseText, responseXML
	var ajax = new XMLHttpRequest();
	ajax.onreadystatechange = function(){
		if(ajax.readyState == 4){
			alert(ajax.responseText);
		}
	}	
		ajax.open("POST", "../ajax/arquivo.txt");
		ajax.send(null);
		return false;
}


}

 

Esse código é da aula 45 de javascript, da Universidade XTI...

http://www.youtube.com/watch?v=aPnZL-DFQXI&list=SP48981947BAC7C172&index=45

 

Agradeço quem poder ajudar, porque estou quebrando a cabeça com isso e até agora nada.

Valeu, ;D.

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

pode ser problema de caminhos com os arquivos. Leia:

 

http://wbruno.com.br/2011/03/31/como-debugar-javascript-firefox-erros-comuns/

http://wbruno.com.br/2011/04/14/como-debugar-ajax-firebug/

Compartilhar este post

Link para o post
Compartilhar em outros sites

rodazzz    0

rodazzz
Postado

 

O arquivo html esta em: JavaScript\html\AJAX.html

 

O arquivo js esta em: JavaScript\js\AJAX.js

 

E e o arquivo txt esta em: JavaScript\ajax\arquivo.txt

 

Não encontrei nenhum erro nos caminhos

 

p.s No Chrome aparece um alert VAZIO, e no Mozila FireFox nem o alert aparece...

Compartilhar este post

Link para o post
Compartilhar em outros sites

rodazzz    0

rodazzz
Postado

Usando o Inspect Element do Chrome(Ctrl + Shift + J), apareceu essa mensagem de erro:

 

XMLHttpRequest cannot load file:///C:/Users/rodazzz/Desktop/JavaScript/ajax/arquivo.txt.

 

Cross origin requests are only supported for HTTP.

 

Uncaught Error: NETWORK_ERR: XMLHttpRequest Exception 101 AJAX.js:11 id.onclick

 

Como posso solucionar isso?

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

Execute o script apartir de um servidor web.(instale o apache por exemplo),

 

e não abrindo o arquivo com duplo clique.

Compartilhar este post

Link para o post
Compartilhar em outros sites

rodazzz    0

rodazzz
Postado

Eu consegui sem precisar usar um servidor web... Mas eu não sei pq do outro jeito não funcionou.

 

Antes o arquivo estava em: javascript/ajax/arquivo.txt

 

O arquivo html esta em: javascript/html/AJAX.html

 

e o script esta em: javascript/js/AJAX.js

 

Ai para saber se o problema era o caminho eu coloquei uma pasta ajax/arquivo.txt em cada diretório, no do html e no do js, e mudei essa parte do codigo: 

ajax.open("POST", "../ajax/arquivo.txt");

, para: 

ajax.open("POST", "ajax/arquivo.txt");

.

 

E funcionou, ai eu apaguei as pastas ajax do html e do js, ai não funcionou mais, então eu coloquei a pasta somente no diretorio do js e tbm não funcionou, então coloquei apenas no diretorio html, e pegou normalmente.

Alguém sabe explicar o porque disso?

 

P.S: Funcionou somente no Chrome...

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

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

  Aceito