Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [ajax] Problem z pierwszym prostym skryptem.
Forum PHP.pl > Forum > XML, AJAX
Danone
31.05.2007, 22:18:27
Witam,

Zaczynam pracę z Ajaxem i już na pierwszym przykładzie napotykam problem. Ten skrypt miał wyświetlić zawartość tego co jest wpisane w plik dane.txt jednak po naciśnięciu przycisku, niestety nic się nie dzieje. Może ktoś mi pomóc rozwiązać zapewne szkolny błąd smile.gif

[HTML] pobierz, plaintext 
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
  2. <html>
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2">
  5. <title>Ajax</title>
  6. <script type="text/javascript">
  7. var XMLHttpRequestObject = false;
  8.  
  9. if (window.XMLHttpRequest) {
  10.   XMLHttpRequestObject = new XMLHttpRequest();
  11. }
  12. else if (window.ActiveXObject) {
  13.   XMLHttpRequestObject = new ActiveXObject("Microsoft.XMLHTTP");
  14. }
  15.  
  16. function pobierzDane()
  17. {
  18.   if(XMLHttpRequestObject){
  19.     var p = document.getElementById("pt1");
  20.     XMLHttpRequestObject.open("GET", "http://localhost/dane.txt");
  21.     XMLHttpRequestObject.onreadystatechange = function()
  22.     {
  23.       if (XMLHttpRequestObject.readyState == 4 && 
  24.           XMLHttpRequestObject.status == 200) {
  25.         p.innerHTML = XMLHttpRequestObject.responseText;
  26.       }
  27.     }
  28.     XMLHttpRequestObject.send(null);
  29.   }
  30. }
  31. </script>
  32. </head>
  33. <body>
  34. <div>
  35. <input type="button" value="Kliknij tu" onclick="pobierzDane();" />
  36. </div>
  37. <p id="pt1">
  38. Ten tekst zostanie zmieniony.
  39. </p>
  40. </body>
  41. </html>
[HTML] pobierz, plaintext
tommy4
1.06.2007, 05:39:22 
[HTML] pobierz, plaintext 
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
  2. <html>
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2">
  5. <title>Ajax</title>
  6. <script type="text/javascript">
  7. // Script by Tomasz 'tommy4' Klapsia
  8. // ALL RIGHTS RESERVED
  9.  
  10. function updateContent(url, what)
  11. {
  12. 	var httpRequest;
  13. 	if(window.XMLHttpRequest)
  14. 	{
  15. 		httpRequest = new XMLHttpRequest();
  16. 		if(httpRequest.overrideMimeType)
  17. 		{
  18. 			httpRequest.overrideMimeType('text/xml');
  19. 		}
  20. 	} 
  21. 	else if(window.ActiveXObject)
  22. 	{
  23. 		try
  24. 		{
  25. 			httpRequest = new ActiveXObject("Msxml2.XMLHTTP");
  26. 		} 
  27. 		catch(e)
  28. 		{
  29. 			try
  30. 			{
  31.             	httpRequest = new ActiveXObject("Microsoft.XMLHTTP");
  32. 			} 
  33. 			catch(e)
  34. 			{
  35. 	 		}
  36.       	}
  37. 	}
  38. 	if(!httpRequest)
  39. 	{
  40. 		return false;
  41. 	}
  42. 	httpRequest.onreadystatechange = function()
  43. 	{
  44. 		updateIt(httpRequest, what);
  45. 	};
  46. 	httpRequest.open('GET', url, true);
  47. 	httpRequest.send(null);
  48. }
  49.  
  50. function updateIt(httpRequest, what)
  51. {
  52. 	if(httpRequest.readyState == 4)
  53. 	{
  54. 		if(httpRequest.status == 200)
  55. 		{
  56. 			var rt = httpRequest.responseText;
  57. 			if(rt != null && rt.length > 0)
  58. 			{
  59. 				document.getElementById(what).innerHTML = httpRequest.responseText;
  60. 			}
  61. 			else
  62. 			{
  63. 				document.getElementById(what).innerHTML = "Wystąpił błąd podczas ładowania strony... [Zero sized reply]";
  64. 			}
  65. 		}
  66. 		else
  67. 		{
  68. 			document.getElementById(what).innerHTML = "Wystąpił błąd podczas ładowania strony... [Error " + httpRequest.status + "]";
  69. 		}
  70. 	}
  71. 	httpRequest = null;
  72. }
  73. </script>
  74. </head>
  75. <body>
  76. <div>
  77. <input type="button" value="Kliknij tu" onclick="updateContent('dane.txt', 'pt1');" />
  78. </div>
  79. <p id="pt1">
  80. Ten tekst zostanie zmieniony.
  81. </p>
  82. </body>
  83. </html>
[HTML] pobierz, plaintext


Jeśli dane.txt masz w tym samym katalogu co plik.
http://developer.mozilla.org/en/docs/AJAX:Getting_Started tu jest bardzo fajny tutek.
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.