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 

Znajdź dwie różnice:

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

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

readyState
Myślałeś o fetch api?

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.....

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.

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 ) .

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