Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [jquery] Chrome i Access-Control-Allow-Origin.
kebq
post
Post #1





Grupa: Zarejestrowani
Postów: 41
Pomógł: 0
Dołączył: 2.12.2005

Ostrzeżenie: (0%)
-----

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 
  1. <html>
  2. <head>
  3. 	<title>jQuery - Ajax dynamic content loading</title>
  4. 	<script type="text/javascript">
  5. 		function loadContent(id) {
  6. 			$("#contentArea").load("external"+id+".html");
  7. 		}
  8. 	</script>
  9. 		<script src="jquery-1.4.3.min.js" type="text/javascript"></script>
  10. </head>
  11. <body onLoad="loadContent(1);" id="page">
  12.  
  13. 	<a href="java script:loadContent(1);">Tab 1</a> |
  14. 	<a href="java script:loadContent(2);">Tab 2</a> |
  15.  
  16. 	<div id="contentArea" style="margin: 20px 0px 10px 10px; border: 1px solid #CCC;">
  17. 		&nbsp;
  18. 	</div>
  19.  
  20.  
  21. </body>
  22. </html>
[HTML] pobierz, plaintext


błędu tego nie otrzymuje odpalając skrypt na serwerze.
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi
paqu
post
Post #2





Grupa: Zarejestrowani
Postów: 4
Pomógł: 1
Dołączył: 16.09.2010

Ostrzeżenie: (0%)
-----

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 
  1. <html>
  2. <head>
  3. 	<title>jQuery - Ajax dynamic content loading</title>
  4. <script src="jquery-1.4.3.min.js" type="text/javascript"></script>	
  5. <script type="text/javascript">
  6.  
  7. $(document).ready(function(){
  8. $("#contentArea").load("external"+$(this).attr('id')+".html");
  9. });
  10. 	</script>
  11.  
  12. </head>
  13. <body  id="page">
  14.  
  15. 	<a href="java script:loadContent(1);">Tab 1</a> |
  16. 	<a href="java script:loadContent(2);">Tab 2</a> |
  17.  
  18. 	<div id="contentArea" style="margin: 20px 0px 10px 10px; border: 1px solid #CCC;">
  19. 		&nbsp;
  20. 	</div>
  21.  
  22.  
  23. </body>
  24. </html>
[HTML] pobierz, plaintext
Go to the top of the page
+Quote Post

Posty w temacie
- kebq   [jquery] Chrome i Access-Control-Allow-Origin.   3.11.2010, 23:40:05
- - paqu   kolego powiedz czy używasz jakiegoś frame worka? ...   4.01.2011, 17:50:23
- - kebq   Nie jestem przekonany czy Twoje rozwiązanie może d...   4.01.2011, 21:20:20
|- - sazian   Cytat(kebq @ 4.01.2011, 21:20:20 ) BT...   7.01.2011, 21:43:48
- - kebq   w kodzie jest błąd, tzn w linkach pominąłeś atrybu...   7.01.2011, 22:03:33
- - heniek87   Jesteście wręcz genialni poprawiliście wszystkie b...   25.04.2012, 12:26:40

« Następny starszy · AJAX · Następny nowszy »
 

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Przełącz na: Standardowy · Przełącz na: Linearny+ · Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 26.12.2025 - 13:19
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn