Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [php/AJAX] aktualny czas
Forum PHP.pl > Forum > Przedszkole
hhg
15.07.2007, 17:34:20
dzisiaj zaczalem sie wreszcie uczyc AJAXa ale jak zwykle paczatki sa ciezkie party.gif

dlaczego ten kod zamiast czasu pokazuje Error! ?


[HTML] pobierz, plaintext 
  1. <html>
  2. <head>
  3. <title>Ajax Tutorial For Newbie</title>
  4. <style>
  5. .displaybox {
  6. width:150px;
  7. background-color:#ffffff;
  8. border:2px solid #000000;
  9. padding:10px;
  10. font:24px normal verdana, helvetica, arial, sans-serif;
  11. }
  12. </style>
  13. <script language="JavaScript" type="text/javascript">
  14. function getXMLHTTPRequest() {
  15. try {
  16. req = new XMLHttpRequest();
  17. } catch(err1) {
  18.   try {
  19.   req = new ActiveXObject("Msxml2.XMLHTTP");
  20.   } catch (err2) {
  21.     try {
  22.     req = new ActiveXObject("Microsoft.XMLHTTP");
  23.     } catch (err3) {
  24.       req = false;
  25.     }
  26.   }
  27. }
  28. return req;
  29. }
  30.  
  31. var http = getXMLHTTPRequest();
  32.  
  33. function getServerTime() {
  34.   var myurl = 'gettime.php';
  35.   myRand = parseInt(Math.random()*999999999999999);
  36.   var modurl = myurl+"?rand="+myRand;
  37.   http.open("GET", modurl, true);
  38.   http.onreadystatechange = useHttpResponse;
  39.   http.send(null);
  40. }
  41.  
  42. function useHttpResponse() {
  43.    if (http.readyState == 4) {
  44.     if(http.status == 200) {
  45.        var timeValue = http.responseXML.getElementsByTagName("timenow")[0];
  46.        document.getElementById('showtime').innerHTML = timeValue.childNodes[0].nodeValue;
  47.     }
  48.   } else {
  49.   document.getElementById('showtime').innerHTML = 'Error!';
  50.   }
  51. }
  52. </script>
  53. <meta name="generator" content="Namo WebEditor">
  54. <meta name="author" content="OnAjax.net">
  55. </head>
  56. <body  onLoad="getServerTime();" bgcolor="white">
  57. <center>
  58.  
  59. <h6>Getting the server time without page refresh</h6>
  60. <form>
  61.  
  62. <input type="button" value="Refresh" onClick="getServerTime()">
  63. </form>
  64. <div id="showtime" class="displaybox">
  65.  
  66. <?php
  67. header('Content-Type: text/xml');
  68. echo "<?xml version=\"1.0\" ?><clock1><timenow>\" .date('H:i:s').\"</timenow></clock1></xml>";
  69. ?>
  70.  
  71. </div>
  72. </center>
  73. </body>
  74. </html>
[HTML] pobierz, plaintext
atomek4
15.07.2007, 17:47:04
Mi sie wydaje, ze podstawowy błąd jest taki, że przeglądarka dostaje raz nagłówek, że ma do czynienia raz z dokumentem html a potem raptem dostaje informacje, że jest dokumentem XML. Poza tym to wszystko masz w jednym pliku? Takie coś jak próbujesz zrobić jest tutaj z tym, że ajax odwołuje się do zewnętrznego pliku asp, ale to wystarczy tylko go zamienić na odpowiedni php

Trochę poprawiłem w pliku HTML tą funkcję:

[HTML] pobierz, plaintext 
  1. function useHttpResponse() {
  2. if (http.readyState == 4) {
  3. if(http.status == 200) {
  4.  
  5. document.getElementById('showtime').innerHTML = http.responseText;
  6. }
  7. } else {
  8. document.getElementById('showtime').innerHTML = 'Error!';
  9. }
  10. }
[HTML] pobierz, plaintext


i oddzielny plik: gettime.php

[PHP] pobierz, plaintext 
  1. <?php
  2. echo date('H:i:s');
  3. ?>
[PHP] pobierz, plaintext


Takie prostsze rzeczy lepiej odbierać jako tekst a nie tworzyć plik XML
skowron-line
15.07.2007, 18:31:47
pobieranie aktualnego czasu w ajaxie to chyba troche przesada to niemozna tego zrobic w JS?? po co co sekunde katowac serwer zeby wyciagnac aktualny czas... Jak dla mnie to lekka przesada
atomek4
15.07.2007, 18:38:03
@skowron-line: Tutaj chodzi o aspekt szkoleniowy smile.gif
hhg
15.07.2007, 22:43:45
dzieki za pomoc! tak to jest tylko w celach dydaktycznych
skowron-line
16.07.2007, 08:40:55
Cytat(atomek4 @ 15.07.2007, 17:38:03 ) *
@skowron-line: Tutaj chodzi o aspekt szkoleniowy smile.gif


szkolenie jak zakatowac serwer. hmmm
hhg
16.07.2007, 12:47:14
smile.gif chodzi o przyklad wykorzystania ajaxa, to byl najprostszy jaki znalazlem, ale juz sie troche polapalem co za co odpowiada wiec skuteczny
atomek4
16.07.2007, 14:07:54
Cytat(skowron-line @ 16.07.2007, 09:40:55 ) *
szkolenie jak zakatowac serwer. hmmm


Nie smile.gif Chyba raczej chodzi o to, ze pobierając aktualny czas za pomocą AJAXa masz możliwość zobaczyć, że php za każdym razem zwraca coś innego. Poza tym bez przesady bardzo podobny przykład jest na W3 Schools w dziale Ajax tutorial.
Zresztą skoro ktoś się bierze za AJAXa to chyba wie, że datę może pobrać sobie za pomocą JS. smile.gif
Ale to moje osobiste zdanie smile.gif

Żeby już nie nabijać sobie postów to zwróć uwagę, że autor tematu za każdym razem powtarza, że uczy się AJAXa a to, że akurat pobiera datę to przypadek bo akurat znalazł taki przykład. Myślę, że na podstawie tego przykładu już wie o co w ogóle chodzi z AJAXem. Wydaje mi się, podkreślam wydaje mi się, że ugryzienie samego AJAXa bez znajomości chociażby podstaw JS byłoby dość trudne.

Pozdrawiam
skowron-line
16.07.2007, 14:23:49
Cytat
Zresztą skoro ktoś się bierze za AJAXa to chyba wie, że datę może pobrać sobie za pomocą JS. smilingsmiley.gif


ja bym tego nie przyjmowal za pewnik
hhg
16.07.2007, 21:43:58
Cytat
ja bym tego nie przyjmowal za pewnik

przykladowy kod jest tutaj:
http://webmade.org/porady/data-js.php

jak czegoś nie będziesz wiedział to służe pomocą winksmiley.jpg
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.