Problem ze startowym skryptem Ajaxa Opcje

[blackstone]

Rozpoczynam właśnie przygodę z Ajaxem. Spróbowałem stworzyć pierwszy prosty skrypt który pobrał by mi zawartość pliku php o nazwie "ajax.php" ( plik z ajaxem ma rozszerzenie html ) i go wyświetlił. Niestety we wszystkich przeglądarkach wyskakuje mi okienko że moja przeglądarka nie obsługuje Ajaxu. Po proszę o jakieś sugestie bo dopiero co rozpoczynam przygodę z tym językiem i sam raczej zbyt szybko nie dojdę co jest nie tak . Z góry dzięki za odpowiedzi.

O to skrypt

[HTML] pobierz, plaintext 
 
<script type="text/javascript">
 
function inix()
{
 
try{ xhr = XMLHttprequest() ;}
catch(e) {
 
     try {xhr = new ActiveXObject("Msxml12.XMLHTTP") }
     catch(e2)
     { 
            try {xhr = new ActiveXObject("Microsoft.XMLHTTP") }
            catch(e3){ alert("Twoja przeglądraka nie obsługuje Ajaxa"); } 
 
     } 
 
}
 
return xhr ;
 
}
 
function run_ax()
{
 
xhr = new inix() ;
 
xhr.open("GET","ajax.php",true) ;
 
xhr.onreadystatechange = function() {
if(xhr.readystate == 4)
  { document.getElementById("show").innertHTML = xhr.responseText ; }
 }
 
xhr.send(null) ; 
 
}
 
</script>
 
[HTML] pobierz, plaintext 

[trueblue]

Znajdź dwie różnice:

[HTML] pobierz, plaintext 
try{ xhr = new XMLHttpRequest() ;}
[HTML] pobierz, plaintext 

[blackstone]

Dzięki, pomogło rzeczywiście głupia literówka .

ALe mam teraz problem nowego pokroju.

Mam na kompie (dokładnie mówiąc na serwerze ) dwa pliki: jeden plik w formacie php a drugi w formacie.txt. Sprawa wygląda tak że udało mi się wyswietlić w pliku ajaxowym plik txt ale php za nic nie idzie ( a zależy mi na tym bo współpraca php i ajax to chyba podstawa czatów działających w czasie rzeczywistych jeśli mają byc oparte o sql) .

Kod prawie ten sam co wcześniej jedynie we wcześniejszych liniach 31-34 zrobiłem małą podmiankę

z

[HTML] pobierz, plaintext 
xhr.onreadystatechange = function() {
if(xhr.readystate == 4)
  { document.getElementById("show").innertHTML = xhr.responseText ; }
 }
[HTML] pobierz, plaintext 

na prawie to samo tylko bez sprawdzenia połączenia instrukcją warunkową.

[HTML] pobierz, plaintext 
xhr.onreadystatechange = function() {
// if(xhr.readystate == 4)
   document.getElementById("show").innerHTML= ">" + xhr.responseText  ;
 }
[HTML] pobierz, plaintext 

bo inaczej się nic nie wyświetlało .
Poproszę o jakieś sugestie bo dopiero uczę sie chodzić w tematyce Ajax

Ten post edytował blackstone 2.08.2016, 17:24:09

[viking]

readyState
Myślałeś o fetch api?

[blackstone]

Chyba nie...dopiero ogarniam podstawy Ajax , chyba że masz na myśli wykorzystanie Jquery do obsługi Ajaxu - tak mam zamiar to ogarnąć bo podobno łatwiej idzie obsługa na Jquery niz bez niego.
Jeśli nie, czy możesz napisać przykład który miałeś namyśli ? ?


Mam jeszcze inny problem który zauważyłem przed chwilą. Mój skrypt ustawiony jest na przesył asynchroniczny ( xhr.open("GET","test.txt",true) ; ) czyli jak rozumiem po każdej zmianie w zapisie pliku automatycznie powinna się wyświetlana zmiana pokazać bez klikania w odświeżanie - ale tak nie jest. Próbowałem zmieniać Get na POST a potem nawet parametr true na false - za każdym razem muszę odświeżać. Nie mam pomysłu jak to poprawic.....

[viking]

Odświeżenie musisz zrobić sam. Async oznacza tylko że nie blokujesz głównego wątku przeglądarki. Sync jest wycofany.
Akurat FetchApi jest dużo prostsze. Wymaga zrozumienia promise które same w sobie niczym trudnym nie są chociaż początkującym sprawiają trudności.

[blackstone]

OK,dzięki, pobawię sie tym i zobaczy się co wyjdzie .

"Odświeżenie musisz zrobić sam. Async oznacza tylko że nie blokujesz głównego wątku przeglądarki. Sync jest wycofany." .

W takim razie MUSZĘ zapytać czy czaty działające na wzór facebookowego to nie jest Ajax? Tam nie jest przeładowywana cała strona tylko komunikacja odbywa sie w czasie rzeczywistym ( uczestnik czatu x wysyła wiadomośc i natychmiast uczestnik y moze przeczytać wiadomość i wysłać wiadomość- bez przeładowywania ) , a właśnie coś takiego chce napisać tylko teraz to nie wiem czy obrałem dobru kierunek ( podobno podstawą tego jest Asynchroniczność,ale nie wiem czy dobrze zrozumiałem ) .

[viking]

XHR to najprostsza forma i mało skuteczna do czatu. Poczytaj raczej o Server-Sent Events, WebSockets.