Forum PHP.pl > [jquery] Chrome i Access-Control-Allow-Origin.

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [jquery] Chrome i Access-Control-Allow-Origin.

kebq

3.11.2010, 23:40:05

witam,

mój problem polega na tym iż nie do końca rozumiem dlaczego używając Chrome'a nie mogę na lokalnie załadować dokumentu do diva za pomoca ajaxa (jquery)
błąd którzy wyrzuca chrome to:
XMLHttpRequest cannot load xyz.html. Origin null is not allowed by Access-Control-Allow-Origin.

mój kod:

[HTML] pobierz, plaintext 
<html>
<head>
	<title>jQuery - Ajax dynamic content loading</title>
	<script type="text/javascript">
		function loadContent(id) {
			$("#contentArea").load("external"+id+".html");
		}
	</script>
		<script src="jquery-1.4.3.min.js" type="text/javascript"></script>
</head>
<body onLoad="loadContent(1);" id="page">
 
	<a href="java script:loadContent(1);">Tab 1</a> |
	<a href="java script:loadContent(2);">Tab 2</a> |
 
	<div id="contentArea" style="margin: 20px 0px 10px 10px; border: 1px solid #CCC;">
		&nbsp;
	</div>
 
 
</body>
</html>
[HTML] pobierz, plaintext

błędu tego nie otrzymuje odpalając skrypt na serwerze.

paqu

4.01.2011, 17:50:23

kolego powiedz czy używasz jakiegoś frame worka?

A tak wogóle kolego to :
1. najpierw załaduj bibliotekę jquery potem pisz skrypt gdzie jej używa
2. nie stosuj ewentow na tagach html tylko, uzywaj jquery np $(document).ready();
3. Popraw kod jak niżej i zobacz czy poleci

Cytat(kebq @ 4.11.2010, 00:40:05 )

[HTML] pobierz, plaintext 
<html>
<head>
	<title>jQuery - Ajax dynamic content loading</title>
<script src="jquery-1.4.3.min.js" type="text/javascript"></script>	
<script type="text/javascript">
 
$(document).ready(function(){
$("#contentArea").load("external"+$(this).attr('id')+".html");
});
	</script>
 
</head>
<body  id="page">
 
	<a href="java script:loadContent(1);">Tab 1</a> |
	<a href="java script:loadContent(2);">Tab 2</a> |
 
	<div id="contentArea" style="margin: 20px 0px 10px 10px; border: 1px solid #CCC;">
		&nbsp;
	</div>
 
 
</body>
</html>
[HTML] pobierz, plaintext

kebq

4.01.2011, 21:20:20

Nie jestem przekonany czy Twoje rozwiązanie może działać,
przede wszystkim funkcja LoadContent nie jest zdefiniowana (usunąłeś ją),
poza tym nie wiem skąd ma być wzięty na starcie id
trzeba by też raczej podczepić się pod click a nie ready
Chrom po załadowaniu strony wyrzuca:

Kod

Uncaught TypeError: Cannot read property 'id' of null

a po kliknięciu w link oczywiście

Kod

Uncaught ReferenceError: loadContent is not defined

BTW dlaczego nie powinienem podczepiać się pod tagi htmla? widziałem mnóstwo takich przykładów na stronie jquery

sazian

7.01.2011, 21:43:48

Cytat(kebq @ 4.01.2011, 21:20:20 )

BTW dlaczego nie powinienem podczepiać się pod tagi htmla? widziałem mnóstwo takich przykładów na stronie jquery

bo niema takiej potrzeby i jest to niewygodne

[HTML] pobierz, plaintext 
<html>
<head>
	<title>jQuery - Ajax dynamic content loading</title>
<script src="jquery-1.4.3.min.js" type="text/javascript"></script>	
<script type="text/javascript">
 
$(document).ready(function(){
      $('a.tab').click(function(){
              $("#contentArea").load("external"+$(this).attr('id')+".html");
              return false;
       });
});
	</script>
 
</head>
<body  id="page">
 
	<a href="#" class="tab">Tab 1</a> |
	<a href="#" class="tab">Tab 2</a> |
 
	<div id="contentArea" style="margin: 20px 0px 10px 10px; border: 1px solid #CCC;">
		&nbsp;
	</div>
 
 
</body>
</html>
[HTML] pobierz, plaintext

kebq

7.01.2011, 22:03:33

w kodzie jest błąd, tzn w linkach pominąłeś atrybut id (skrypt nie może przez to wczytać nazwy pliku)
jednak nawet poprawiając linie 18 i 19 na

Kod

<a href="#" class="tab" id="1">Tab 1</a> |
<a href="#" class="tab" id="2">Tab 2</a> |

i tak otrzymuje mój początkowy błąd:

Cytat

XMLHttpRequest cannot load external1.html. Origin null is not allowed by Access-Control-Allow-Origin.

tzn problem wciąż występuje pod najnowszym Chrome 8.0.55.224 a ja wciąż nie wiem jak to obejść

heniek87

25.04.2012, 12:26:40

Jesteście wręcz genialni poprawiliście wszystkie błędy ale jego problem dalej pozostał. Niszczycie w taki sposób każde forum. Ja bym za to banował u siebie.

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.