Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [JavaScript] Ajax status = 0
Forum PHP.pl > Forum > Przedszkole
ratatui
25.01.2014, 21:50:49
Dawno nie pisałem stron, teraz kiedy potrzebuję prostą stronę zrobić to mam jakiś dziwny problem z AJAXem czysto JSowym. Pole readyState obiektu ajax równa się 4 tak jak ma być, ale pole status = 0. Co zrobić by temu zaradzić?

[HTML] pobierz, plaintext 
  1. <!DOCTYPE html>
  2. <html>
  3. 	<head>
  4. 		<title>Title of the document</title>
  5. 		<script type="text/javascript">
  6. 			var State = {	// enumerator JS'owski. To są stany naszej aplikacji HTMLowskiej
  7. 				Input: 0,
  8. 				ShowingForm: 1
  9. 			};
  10.  
  11. 			var applicationState = State.Input;	// na początku stan Input, bo chcemy wprowadzić dane
  12. 			var frame;
  13.  
  14. 			function init() {
  15. 				frame = document.getElementById("frame");
  16. 				renderPage();
  17. 			}
  18.  
  19. 			function getAJAXObject() {
  20. 				if(window.XMLHttpRequest) // code for IE7+, Firefox, Chrome, Opera, Safari
  21. 					return new XMLHttpRequest();
  22. 				else // code for IE6, IE5
  23. 					return new ActiveXObject("Microsoft.XMLHTTP");
  24. 			}
  25.  
  26. 			function renderPage() {
  27. 				switch(applicationState) {
  28. 				case State.Input:
  29. 					var ajax = getAJAXObject();
  30. 					ajax.onreadystatechange = function() {
  31. 						if(ajax.readyState == 4 && ajax.status == 200) {
  32. 							frame.innerHTML = "Wczytano";
  33. 						} else frame.innerHTML = "Problem " + ajax.readyState + "; " + ajax.status + "; " + ajax.statusText;
  34. 					}
  35. 					ajax.open("GET", 'page_input.html', true);
  36. 					ajax.send(null);
  37. 					break;
  38. 				case State.ShowingForm:
  39. 					alert("xd");
  40. 					break;
  41. 				}
  42. 			}
  43. 		</script>
  44. 		<style>
  45. 			body { margin: 0; padding: 0; }
  46. 			#frame { width: 800px; height: 600px; border: 1px solid black; margin: 100px auto 0 auto; }
  47. 		</style>
  48. 	</head>
  49. 	<body onload="init();">
  50. 		<div id="frame"></div>
  51. 	</body>
  52. </html>
[HTML] pobierz, plaintext
ratatui
25.01.2014, 22:12:52
Oczywiście katalogi są w porządku:


O co tutaj chodzi? Rozwiązanie pewnie jest banalne ale długo nie siedziałem w webie i patrzę na to i nie wiem co czynić ;d.
ratatui
25.01.2014, 22:25:35
Przerobiłem to na jQuery i to samo. Dodatkowo tutaj bład się pokazuje 404 error. A żeby było jeszcze ciekawiej to nawet w dokumentacji jquery tam gdzie jest przykład poprawnego wczytania z pliku w podglądzie jest error.
http://api.jquery.com/load/
W "Example: Display a notice if the Ajax request encounters an error." jest przykład kodu, a pod kodem jest Demo i jest ono wadliwe.
[HTML] pobierz, plaintext 
  1. Successful Response (should be blank):
  2. Error Response:
  3. Sorry but there was an error: 404 Not Found
[HTML] pobierz, plaintext
owca_82
26.01.2014, 12:20:27
Wszystko działa jak należy tylko:

1. nie uruchamiaj stronki bezpośrednio z dysku, tylko wrzuć na jakiś lokalny serwer i tam odpal.
2. w pliku pobieranym skorzystaj z echo, ewentualnie dodaj do tego co masz deklarację XML'a

page_input.php =>
Kod
<?php echp '<p>Pobrany tekst</p>'; ?>

page_input.xml =>
Kod
<?xml version="1.0"?>
<p>Pobrany tekst</p>


3. skorzystaj z metody responseText =>
Kod
frame.innerHTML = "Wczytano"+ ajax.responseText;

ratatui
26.01.2014, 13:54:34
Właśnie nie chcę PHP ani serwera bo to ma być prosta stronka odpalana z dysku. Ale już sobie poradziłem. Dodałem treści podstron na głównej stronie w divach z display: none i odpowiednio włączam div który chce. smile.gif
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.
Invision Power Board © 2001-2025 Invision Power Services, Inc.