Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [PHP][AJAX]Pokazywanie danych ze skryptu PHP
Forum PHP.pl > Forum > Przedszkole
Mlodycompany
Witam. Kupiłem sobie wczoraj książkę od AJAXa. Zacząłem stosować niektóre skrypty. Otóż natrafił mi się skrypt, oto on:
  1. <script type="text/javascript">
  2. function getXMLHttpRequestObject(){
  3. try{
  4. return new XMLHttpRequest();
  5. }
  6. catch(e){
  7. try{
  8. return new ActiveXObject("Microsoft.XMLHTTP");
  9. }
  10. catch(e){
  11. return false;
  12. }
  13. }
  14. }
  15. function pobierzDane(val){
  16. var XMLHttpRequestObject = getXMLHttpRequestObject();
  17. if(XMLHttpRequestObject){
  18. var div = null;
  19. var url = "";
  20.  
  21. if(val = "data"){
  22. div = document.getElementById("warstwaDaty");
  23. url = "http://localhost/~ajax/data.php";
  24. }
  25. else if(val = "czas"){
  26. div = document.getElementById("warstwaCzasu");
  27. url = "http://localhost/~ajax/czas.php";
  28. }
  29. else{
  30. delete XMLHttpRequestObject;
  31. return;
  32. }
  33. XMLHttpRequestObject.open("GET", url);
  34. XMLHttpRequestObject.onreadystatechange = function(){
  35. if(XMLHttpRequestObject.readyState == 4 && XMLHttpRequestObject.status = 200){
  36. div.innerHTML = XMLHttpRequestObject.responseText;
  37. delete XMLHttpRequestObject;
  38. XMLHttpRequestObject = false
  39. }
  40. }
  41. XMLHttpRequestObject.send(null)
  42. }
  43. }
  44. <div>
  45. <input type="button" value="Klik 1" onclick="pobierzDane('data')" id="przycisk1">
  46. <input type="button" value="Klik 2" onclick="pobierzDane('czas')" id="przycisk2">
  47. </div>
  48. <div id="warstwaDaty">
  49. Tu pojawi się data.
  50. </div>
  51. <div id="warstwaCzasu">
  52. Tu pojawi się czas.
  53. </div>
  54. </html>

plik: czas.php
  1. <?php
  2. $data = date("H:i:s");
  3. echo $data;
  4.  
  5.  
  6. ?>

plik: data.php
  1. <?php
  2. $data = date("Y.m.d");
  3. echo $data;
  4.  
  5.  
  6. ?>

Ten skrypt gdy by działał podmieniał by tekst 'Tu pojawi się data' na obecna date a tekst 'Tu pojawi się czas' na aktualny czas, ale skrypt nie działa i nie podmienia. Czy ktoś jest w stanie to naprawić?
loganek
Poprawiony, w niektórych miejscach miałeś = a nie ==, dodałem też <head> i <body>
Kod
<html><head>
<script type="text/javascript">
function getXMLHttpRequestObject(){
try{
return new XMLHttpRequest();
}
catch(e){
try{
return new ActiveXObject("Microsoft.XMLHTTP");
}
catch(e){
return false;
}
}
}
function pobierzDane(val){
var XMLHttpRequestObject = getXMLHttpRequestObject();
if(XMLHttpRequestObject){
var div = null;
var url = "";

if(val == "data"){
div = document.getElementById("warstwaDaty");
url = "data.php";
}
else if(val == "czas"){
div = document.getElementById("warstwaCzasu");
url = "czas.php";
}
else{
delete XMLHttpRequestObject;
return;
}
XMLHttpRequestObject.open("GET", url);
XMLHttpRequestObject.onreadystatechange = function(){
if(XMLHttpRequestObject.readyState == 4 && XMLHttpRequestObject.status == 200){
div.innerHTML = XMLHttpRequestObject.responseText;
delete XMLHttpRequestObject;
XMLHttpRequestObject = false
}
}
XMLHttpRequestObject.send(null)
}
}
</script></head>
<body>
<div>
<input type="button" value="Klik 1" onclick="pobierzDane('data')" id="przycisk1">
<input type="button" value="Klik 2" onclick="pobierzDane('czas')" id="przycisk2">
</div>
<div id="warstwaDaty">
Tu pojawi się data.
</div>
<div id="warstwaCzasu">
Tu pojawi się czas.
</div>
</body>
</html>
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.