[PHP][AJAX][JavaScript]Problem z odbieraniem danych a wywołania AJAXa Opcje

[sebap123]

Mam pewien problem ze swoim skryptem. Umieściłem w nim weryfikację e-mail przy pomocy skryptu php. Z formularza do skryptu dane przy pomocy skryptu w jQuery i ajaxa przechodzą do skryptu.
Generalnie przechodzą i są sprawdzane poprawnie. Problem polega na tym, że nie wiem jak dane przychodzące sprawdzić i coś na tej bazie zrobić.

fragment kodu o który mi chodzi wygląda następująco:

[JAVASCRIPT] pobierz, plaintext 
function validateEmail()
    {
        var text = email.val();
        var flag = "";
        if(email.val().length<5)
        {
            alert("za krotki mail");
            return false;
        }
        var request = $.ajax({
            type:"POST",
            url:"test2.php",
            data:"opcja=email&wartosc="+text,
            success:function(data){
                if(data=="true")
                {
                    flag="correct";
                    alert("1."+flag);
                }
            },
            error:function(XMLHttpRequest, textStatus, errorThrown) 
            {
                alert("Wystapił bład");
            }
        });
        request.fail(function(){alert("Wystąpił błąd");});
        if(flag=="correct")
            alert("ok");
        else
            alert("2."+flag);
    }
[JAVASCRIPT] pobierz, plaintext 

Jak dla mnie wszystko działa tzn. wysyłam dane do pliku test2.php a następnie dzięki funkcji przy atrybucie sukces odbieram dane i jeśli jest true to ustawiam flagę. Potem, jeśli flaga jest correct to kończę funkcję z wynikiem true.
Rzeczywistość jest jednak inna - gdy wykonuję skrypt to zawsze najpierw wywołany zostaje alert z nr 2 a dopiero potem z nr 1 czyli tak jakby kod był wykonywany od dołu i dlatego nigdy flag nie jest przypisany.

Tutaj jest cała strona na której to testuje:
http://sebastianperyt.pl/javascript/testJQ.html

Będę wdzięczny za podpowiedzi.

[toffiak]

W firebugu widzę że twój skrypt zwraca false, więc flaga nie jest correct i wyświetlany jest alert z napisem 2

[sebap123]

Wiem, że skrypt zwraca false, ale dlatego, że najpierw wykonuje się dół skryptu, a potem dopiero góra, czyli przypisanie flagi. Można to zobaczyć przy wyświetlaniu formularzy. Najpierw się wyświetla nr 2 a potem nr 1

EDIT:
Wszystko wygląda teraz tak, jakby zmienna flag nie zachowywała swojego przypisania. Ponieważ po pierwszym przypisaniu wartości data potem ją gubi i wraca do początkowych ustawień (tak się dzieje w Firefoksie) natomiast w Chromie tak jak mówiłem "leci od tyłu", czyli najpierw sprawdza zawartość zmiennej flag a potem dopiero ja przypisuje.

Ten post edytował sebap123 17.11.2011, 22:53:37

[nospor]

ajax wykonuje się asynchronicznie. Tzn. ze zapuszczasz ajax, id od razu idą dalsze polecenia js, a ajax sobie działa w tle. Także Twoja funkcja success może się wykonać np. po dwóch sekudanch po odpaleniu - wszystko zależy jak szybko odpowie serwer. A w tym czasie może się spokojnie wykonać cały inny dalszy kod js. Także ten kod:
if(flag=="correct")
alert("ok");
else
alert("2."+flag);
Jest bez sensu, bo odpala się niezależnie od wyników zwracanych przez serwer. Jeśli ten kod ma mieć sens, to ma być wykonywane w funkcji success

[sebap123]

No dobra, to trochę mi rozjaśniłeś już sprawę. Problem jednak w tym, że nie wiem jak inaczej mogę wykonać to co mam wykonać, czyli po prostu chce, żeby cała funkcja validateEmail zwróciła mi albo true albo false w zależności od tego jaki był jej wynik na który składa się sprawdzenie rozmiaru - to po to, żeby niepotrzebnie nie wysyłać danych na serwer które i tak są bez sensu, a także sam wynik operacji walidacji na serwerze.
Można oczywiście dodać jakąś animację oczekiwania - tyle tylko, ze średnio wiem jak ją umieścić, lub wpisać parametr ajaxa async:false, ale napisane jest, że może to zablokować okno przeglądarki.
Własnie dlatego, nie mam pomysłu co z tym zrobić i jak ten problem rozwiązać. Czy ma ktoś może jakąś sugestię?

[Niktoś]

ajax wykonuje się asynchronicznie

A co jeśli w Ajaxie zastosujemy.
Async:false; ?

lub wpisać parametr ajaxa async:false, ale napisane jest, że może to zablokować okno przeglądarki

Ja u siebie mam i półki co jeszcze nic mi nie zablokowało-chyba są to skrajne przypadki.

Ten post edytował Niktoś 18.11.2011, 21:01:28

[sebap123]

Dzięki za pomoc. Własnie potrzebowałem opinii kogoś kto już tego rozwiązania używa. Problem rozwiązany.

EDIT:

Niestety muszę umieścić edita z powtórzeniem pytania, lub jego niewielka zmianą. Zacząłem teraz testować walidację z ajaxem wysyłanym z parametrem async:false, czyli zapytanie jest wysyłane synchronicznie. W moim wypadku niestety skrypty sprawdzające (podłączenie do bazy w celu sprawdzenia loginu czy emaila, a także sprawdzenie emaila na podstawie checkdnsrr) trwa na tyle długo, że jest odczuwalne to na stronie - rzeczywiści powoduje około sekundowe zawieszenie.
Wyjście jakie przyszło mi do głowy to puszczenie go jednak w tle i dodanie np jakiegoś gifa z animacja ładowania, tyle tylko, że nie wiem jak to dodać do ajaxa, żeby się wykonywało w czasie oczekiwania na wynik i nie wiem jak wtedy na bazie wyniku zapytania zwrócić wynik z funkcji validateEmail.

Czy może mi ktoś coś doradzić?

Ponawiam swoją prośbę o pomoc w tym temacie. Jeszcze raz przeanalizowałem problem i doszedłem do wniosku, że bez działania asynchronicznego nie mam zielonego pojęcia jak poprawnie odebrać wynik z funkcji validateEmail(), a z asynchronicznym działaniem niestety zawieszanie strony jest zbyt znaczące. Czy ktoś już miał może taki problem i może coś poradzić?