Wyobraźmy sobie, że mamy taki link:

[HTML] pobierz, plaintext 
<a href="mojSkrypt.php" onclick="return kliknieto(); ">Kliknij</a>
[HTML] pobierz, plaintext 

i funkcję:

[HTML] pobierz, plaintext 
<script type="text/javascript">
function kliknieto()
{
	return advAJAX.get({
		url : 'http:/localhost/plik.txt',
		onSuccess : function (obj) { /* cos tam */ },
		onError : function (obj) { return true; }
	});
}
</script>
[HTML] pobierz, plaintext 

Po kliknięciu wywołana zostanie funkcja "kliknieto()", która dokona advAjaksowego get i w przypadku powodzenia wstawi responseText do jakiejś warstwy. W przypadku błędu chciałbym, żeby strona przeładowała się do skryptu mojSkrypt.php.

Oczywiście powyższy sposób nie zadziała, bo metoda get nie zwraca tego, co mnie interesuje.


Wymyśliłem poniższy sposób, ale wydaje mi się, że jest trochę naokoło. Mianowicie, przekazuję funkcji "kliknieto" alternatywny link, a następnie, w przypadku advAjaksowego onError, przekierowuję przeglądarkę do tejże alternatywnej strony:

[HTML] pobierz, plaintext 
<script type="text/javascript">
function kliknieto(strAlternatywnyHref)
{
	advAJAX.get({
		url : 'http:/localhost/plik.txt',
		onSuccess : function (obj) { /* cos tam */ },
		onError : function (obj) { document.location = strAlternatywnyHref; }
	});
	return false;
}
</script>
<a href="mojSkrypt.php" onclick="kliknieto(this.href); return false; ">Kliknij</a>
[HTML] pobierz, plaintext 

Zarówno link "mojSkrypt.php" jak i funkcja "kliknieto()" będą bardziej wyrafinowane, ale chodzi o ogólną ideę - moją intencją jest, aby strona zawierała elementy ajaksowe, ale w przypadku braku javascripta w przeglądarce lub jakichkolwiek błędów, ma zadziałać tradycyjne kliknięcie.

Powyższy sposób ma jeden mankament, poza estetyką - w przypadku błędu javascriptowego, np. jeśli na jakiejś przeglądarce coś nie zadziała, wówczas ani nie wyświetli się responseText, ani nie zostanie wywołany skrypt mojSkrypt.php, czyli użytkownik będzie klikał do upadłego i nic się nie wydarzy.

Będę wdzięczny za pomysły inne od zaprezentowanego powyżej

[HTML] pobierz, plaintext 
<script type="text/javascript">
function kliknieto()
{
var logic;
advAJAX.get({
url : 'http:/localhost/plik.txt',
onSuccess : function (obj) { /* cos tam */ },
onError : function (obj) { logic = true; }
});
if(logic) { return true; }
}
</script>
[HTML] pobierz, plaintext 

spróbuj takiej wersji

To nie przejdzie
Metoda "get()" zwraca sterowanie natychmiast po wywołaniu, nie czekając na otrzymanie odpowiedzi z serwera; pobieranie pliku.txt odbywa się w tle. Inaczej mówiąc:

[HTML] pobierz, plaintext 
<script type="text/javascript">
function kliknieto()
{
	var logic;
	advAJAX.get({
	url : 'http://localhost/plik.txt',
	onSuccess : function (obj) { /* cos tam */ },
	onError : function (obj) { logic = true; }
	});
//////////////////// W tej linii znajdziemy sie od razu, bez oczekiwania na odpowiedz z serwera localhost.
	if(logic) { return true; }
}
</script>
[HTML] pobierz, plaintext 

Spróbuj:

[HTML] pobierz, plaintext 
<a href="foo.html" onclick="return foo(this.href)">link</a>
[HTML] pobierz, plaintext 

Aby pod IE7 tez działało:

[HTML] pobierz, plaintext 
<a href="foo.html" onclick="return event.returnValue=foo(this.href)">link</a>
[HTML] pobierz, plaintext 

A jak w takim razie powinna wyglądać funkcja foo?

W wersji łopatologicznej można ten problem rozwiązać tak, że strona alternatywna jest wyświetlana z marszu (w html), a w przypadku gdy ajax pobierze dane są one wczytywana zamiast tego elementu w którym wcześniej była zawartość alternatywna.