Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [AJAX]problem z IE
Forum PHP.pl > Forum > Przedszkole
marcus753
3.05.2010, 13:10:54
Mam taki skrypcik

[HTML] pobierz, plaintext 
  1. <html>
  2. <head>
  3. <script>
  4.  
  5. // tworzymy zmienna
  6. var object = false;
  7.  
  8. // tworzymy obiekt XMLHttpRequest (dla IE jest troche inaczej, stad funkcja warunkowa)
  9. if (window.XMLHttpRequest) object = new XMLHttpRequest();
  10. else if (window.ActiveXObject) object = new ActiveXObject("Microsoft.XMLHTTP");
  11.  
  12. // ponizsza funkcja pobiera dane ze wskazanego zrodla (pliku lub skryptu php) do wskazanego 
  13. // DIVa poprzez obiekt XMLHttpRequest    
  14. function getData(dataSource, divID)
  15. {
  16.     // kontynuuje wylacznie gdy obiekt nie jest zajety
  17.     if (object.readyState==4 || object.readyState==0) 
  18.     {
  19.         // tworzy zmienna odpowiadajaca konkretnemu obiektowi na stronie
  20.         var obj = document.getElementById(divID);
  21.  
  22.         // czyta z pliku lub wykonuje skrypt
  23.         object.open("GET", dataSource);
  24.  
  25.         // definiuje metode obslugi odpowiedzi serwera
  26.         object.onreadystatechange = function()
  27.         {
  28.             // kontynuuje jesli transmisja zostala zakonczona powodzeniem
  29.             if (object.readyState == 4 && object.status == 200) 
  30.             obj.innerHTML= object.responseText;
  31.         }
  32.         // wysyla zadanie do serwera
  33.          object.send(null);
  34.       }
  35. }
  36.  
  37. // w ponizszej funkcji wywolujemy funkcje getData z odpowiednimi parametrami
  38. // oraz wywolujemy ja sama rekurencyjnie po co okreslony czas (w naszym wypadku 1000 ms)
  39. function odswiezaj()
  40. {
  41.       getData('czat1.php','czat');
  42.       setTimeout("odswiezaj()", 1000);
  43. }
  44.  
  45.  
  46. </script>
  47. </head>
  48. <body>
  49. <div style="border:1px solid blue; height:280px;" id="czat"></div> 
  50.  
  51. <script language=javascript>
  52. odswiezaj();
  53. </script>
  54. </div>
  55.  
  56. </body>
  57. </html>
[HTML] pobierz, plaintext


skrypt co 1s wykonuje plik czat1.php (w tle i wyświetla jego zawartość w divie)

Wszystko działa idealnie pod mozilla i opera a oczywiscie w IE nie dziala ; sadsmiley02.gif Co może być źle questionmark.gif sciana.gif
varez
3.05.2010, 13:40:27
uzyj
Kod
<script type="text/javascript">


nie analizowalem reszty


edit:
Kod
<script language=javascript>

aaaaa..... nie zauwazylem tego wczesniej..

wszystkie otwarcia script pisz tak jak wyzej masz podane
marcus753
3.05.2010, 14:21:03
poprawiłem:

[HTML] pobierz, plaintext 
  1. <html>
  2. <head>
  3. <script type="text/javascript">
  4. // tworzymy zmienna
  5. var object = false;
  6.  
  7. // tworzymy obiekt XMLHttpRequest (dla IE jest troche inaczej, stad funkcja warunkowa)
  8. if (window.XMLHttpRequest) object = new XMLHttpRequest();
  9. else if (window.ActiveXObject) object = new ActiveXObject("Microsoft.XMLHTTP");
  10.  
  11. // ponizsza funkcja pobiera dane ze wskazanego zrodla (pliku lub skryptu php) do wskazanego 
  12. // DIVa poprzez obiekt XMLHttpRequest    
  13. function getData(dataSource, divID)
  14. {
  15.     // kontynuuje wylacznie gdy obiekt nie jest zajety
  16.     if (object.readyState==4 || object.readyState==0) 
  17.     {
  18.         // tworzy zmienna odpowiadajaca konkretnemu obiektowi na stronie
  19.         var obj = document.getElementById(divID);
  20.  
  21.         // czyta z pliku lub wykonuje skrypt
  22.         object.open("GET", dataSource);
  23.  
  24.         // definiuje metode obslugi odpowiedzi serwera
  25.         object.onreadystatechange = function()
  26.         {
  27.             // kontynuuje jesli transmisja zostala zakonczona powodzeniem
  28.             if (object.readyState == 4 && object.status == 200) 
  29.             obj.innerHTML= object.responseText;
  30.         }
  31.         // wysyla zadanie do serwera
  32.          object.send(null);
  33.       }
  34. }
  35.  
  36. // w ponizszej funkcji wywolujemy funkcje getData z odpowiednimi parametrami
  37. // oraz wywolujemy ja sama rekurencyjnie po co okreslony czas (w naszym wypadku 1000 ms)
  38. function odswiezaj()
  39. {
  40.       getData('czat1.php','czat');
  41.       setTimeout("odswiezaj()", 1000);
  42. }
  43.  
  44.  
  45. </script>
  46. </head>
  47. <body>
  48. <div style="border:1px solid blue; height:280px;" id="czat"></div> 
  49.  
  50. <script type="text/javascript">
  51. odswiezaj();
  52. </script>
  53. </div>
  54.  
  55. </body>
  56. </html>
[HTML] pobierz, plaintext


i dalej w IE nie działa eh mam już dość...

co ciekawe jak dam w IE nową kartę to od razu wczytuje mi się aktualny stan na mojej stronie...

tak jakby otwarcie nowej karty powodowało odświeżenie poprzedniej karty...

podaje link do stronki to sami zobaczcie, tylko się nie śmiejcie bo strona jest wersji dość wstepnej

http://www.marcus.osa.pl/strona/
varez
3.05.2010, 14:29:45
a sprawdz sobie czy to wina setTimeout czy ajaxa, powoli do tego dojdziesz
marcus753
3.05.2010, 15:17:55
Problemy z IE
Problemem staje się pamięć cache przeglądarki, ponieważ IE zapisuje sobie pliki do podręcznej pamięci czasami skrypty nie chcą się odświeżać. rozwiązaniem okazuje się dodanie nagłówków HTTP dzięki którym IE nie wczyta strony z podręcznej pamięci:

[HTML] pobierz, plaintext 
  1. ajax_method.setHeader( "Pragma", "no-cache" );
  2. ajax_method.addHeader( "Cache-Control", "must-revalidate" );
  3. ajax_method.addHeader( "Cache-Control", "no-cache" );
  4. ajax_method.addHeader( "Cache-Control", "no-store" );
  5. ajax_method.setDateHeader("Expires", 0)
[HTML] pobierz, plaintext
;


Grupę powyższych funkcji należy wpisać między funkcją ajax_method.open() a ajax_method.send().

Znalazłem taką wskazówkę ale jeśli ją wpisuje do skryptu to mi w ogóle nie wykonuje eh...
varez
3.05.2010, 17:31:58
dopisuj czas do GET..
tak jakbys wywolywał
Kod
// pobierasz sobie czas jako string (np timestamp)
"ajax.php?random="+czas


choć w gołym ajaxie to pewnie jako naglowek tego geta dorzucasz?

do ajaxa (w ogole do js) polecam jquery, o wiele mniej zabawy
celbarowicz
3.05.2010, 18:04:53
sprawdź to....
[HTML] pobierz, plaintext 
  1.  <html>
  2.  
  3.       <head>
  4.  
  5.       <script>
  6.  function getNewHttpObject(){
  7.                          if (typeof XMLHttpRequest != "undefined" ){return new XMLHttpRequest();}
  8. 						 else if (window.ActiveXObject) {
  9. 						                                 var aVersions=["MSXML2.XMLHttp.5.0","MSXML2.XMLHttp.4.0","MSXML2.XMLHttp.3.0",
  10. 						                                 "MSXML2.XMLHttp","Microsoft.XMLHttp"];
  11. 						for (var i=0; i < aVersions.length; i++){
  12. 						                                            try{
  13. 							                                             var oXmlHttp=new ActiveXObject(aVersions[i]);
  14.                                                                          return oXmlHttp;
  15. 								                                       } catch (oError) {  }
  16. 						                                        }
  17.                                                         }
  18.                                                         throw new Error("Nie można utworzyć obiektu XMLHttp.");
  19. 					  }
  20. //----------------------------------------					  
  21. function podstaw(zrodlo,cel){
  22. 	var nowy = getNewHttpObject();
  23. nowy.onreadystatechange = function() {if (nowy.readyState == 4) {
  24. 			                                                     if (nowy.status == 200) {
  25. 				                                                                         document.getElementById(cel).innerHTML = nowy.responseText;
  26. 			                                                                            } else {
  27. 				                                                                                document.getElementById(cel).innerHTML="<p><span class='redtxt'>Error!<\/span> HTTP request return the following status message:&nbsp;" + theHttpRequest.statusText +"<\/p>";
  28. 			                                                                                   }
  29. 		                                                         }
  30. 		       						  };
  31. 	                         nowy.open("POST", zrodlo);
  32. 	                         nowy.send(false);
  33. 		                     }
  34.  
  35.  
  36.  
  37.       function odswiezaj()
  38.  
  39.       {
  40.  
  41.       podstaw('napis.php','czat');
  42.  
  43.       setTimeout("odswiezaj()", 1000);
  44.  
  45.       }
  46.  
  47.       </script>
  48.       </head>
  49.  
  50.       <body>
  51.  
  52.       <div style="border:1px solid blue; height:80px; width:200px;" id="czat"></div>
  53.  
  54.       <script language=javascript>
  55.  
  56.       odswiezaj();
  57.  
  58.       </script>
  59.  
  60.       </div>
  61.  
  62.       </body>
  63.  
  64.       </html>
  65.  
  66.  
[HTML] pobierz, plaintext

na moim IE działa w napis.php umieściłem: echo $obecna_data_i_godzina=date("Y-m-d H:i:s",time()); ODEZWIJ SIE
marcus753
3.05.2010, 19:31:14
Dzięki wszystkim za pomoc

Ja się wkurzyłem i znalazłem w sieci taki prosty skrypcik:

[HTML] pobierz, plaintext 
  1. <script src="http://code.jquery.com/jquery-latest.js"></script>
  2. <script>
  3. function get_forum(){
  4.  
  5.                                $("#forum").load("czat1.php"+ '?nocache=' + Math.random());
  6.  
  7.                                };
  8.  
  9.  
  10.   $(document).ready(function(){
  11.  
  12.                                setInterval("get_forum()",1000);
  13.  
  14.                 });
  15.  
  16.  
  17.  
  18.   </script>
[HTML] pobierz, plaintext


dziala w IE i reszcie więc jestem zadowolony

Jeszcze raz dzięki i pozdro !
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.