Forum PHP.pl

Witajcie.

Proszę o pomoc, co jest nie tak z poniższym skryptem.
W konsoli pokazuje OK, ale POST user_login_test nie przechodzi

[XML] pobierz, plaintext 
$('#input_login').keypress(function UserNameConfirm() {
    var InputLogin = document.getElementById("input_login").oninput = function() {
         InputLogin = this.value
    };
 
    $.ajax({
        type    :   "POST",
        url     :   "../php_function/set_session_variable.php",
        data    :   { 
            ajax_test       :   "check_user_login",
            user_login_test :   InputLogin 
        },
        success :   function(ret) {
 
            /*
            if (ret == 1) {
                console.log( "Dane zwrotne OK: " + InputLogin );
            }
            if (ret == 0) {
                console.log(ret);
                console.log( "Dane zwrotne NIE OK: " + InputLogin ); 
            }
 
            */
            console.log( InputLogin ); 
            console.log(ret);
        }
 
    });
[XML] pobierz, plaintext 

A co to za potworek?

[JAVASCRIPT] pobierz, plaintext 
var InputLogin = document.getElementById("input_login").oninput = function() {
    InputLogin = this.value
};
[JAVASCRIPT] pobierz, plaintext 

no bo jak tego nie zrobię to w konsoli owszem pokazuje się to co jest wpisane w input ale bez ostatniego znaku

A po co w ogóle przechowujesz wartość tego pola tekstowego w zmiennej? Nie możesz go na bieżąco odczytywać tam, gdzie jest potrzebny? Pamiętaj, że AJAX działa asynchronicznie i może dłużej trwać niż wpisywanie poszczególnych znaków. Najlepiej jak zwrócisz login jako część response po stronie serwera i na tej podstawie będziesz wiedział czego dotyczyła odpowiedź.

poprawiłem (IMG:style_emoticons/default/smile.gif)

[XML] pobierz, plaintext 
$('#input_login').keypress(function UserNameConfirm() {
    document.getElementById("input_login").oninput = function() {
        var topcio = this.value;
 
 
    $.ajax({
        type    :   "POST",
        url     :   "../php_function/set_session_variable.php",
        data    :   { 
            ajax_test       :   "check_user_login",
            user_login_test :   topcio 
        },
        success :   function(ret) {
 
            /*
            if (ret == 1) {
                console.log( "Dane zwrotne OK: " + InputLogin );
            }
            if (ret == 0) {
                console.log(ret);
                console.log( "Dane zwrotne NIE OK: " + InputLogin ); 
            }
 
            */
            console.log( topcio ); 
            console.log(ret);
        }
 
    });
 
    };    
 
});
 
[XML] pobierz, plaintext 

Masz rację w tym co piszesz.
To są moje początki z AJAX i tak sobie próbuję różnych rzeczy


to co piszę teraz to chciałem by ajax sprawdzał w bazie czy istnieje dany login, a jak tak to zmienił się div na inny

Jest lepiej, ale dalej są tu koszmarki (IMG:style_emoticons/default/smile.gif) Nie rozumiem po co teraz masz jedno zdarzenie wewnątrz drugiego. Wyrzuć kompletnie to przypisywanie do zmiennej topcio. Nie potrzebujesz jej, topciu (IMG:style_emoticons/default/smile.gif) Ta zmienna w momencie przyjścia odpowiedzi i tak nie musi wcale mieć prawidłowej wartości. Rozumiem Twój tok myślenia. Pewnie wydaje Ci się, że zmienna będzie pamiętała wartość pola z momentu wysłania requestu AJAX-owego. Niestety tak to nie działa i zmienna zostanie odczytana z aktualną wartością tak czy siak. Czyli jest po prostu zbędna, a wartość zmiennej z momentu wysłania requesta AJAX-owego odczytaj tak:

1. Wyślij request AJAX-em tak jak teraz.
2. Do odpowiedzi serwera dołącz informację o loginie.
3. W funkcji obsługującej odpowiedź na AJAX, użyj sobie loginu z odpowiedzi.

To najbardziej sensowny sposób, żeby wiedzieć jaki był stan pola tekstowego dla danej odpowiedzi. Jeszcze prościej byłoby odczytać dane wejściowe z obiektu XHR dla odpowiedzi, ale nie jestem pewien czy one tam są, chyba niestety nie.

No OK, ale co mam wysłać AJAXEM do "../php_function/set_session_variable.php", skoro to ma sprawdzić czy istnieje login wpisany aktualnie w pole input. To AJAX ma się zapytać serwer czy istnieje login, a nie serwer AJAXa.
Chyba że źle rozumuję.

plik php wygląda tak

[PHP] pobierz, plaintext 
    if ($_POST['ajax_test'] == 'check_user_login') {
        if ($users->search_for_user( $_POST ) == true) {
            echo 1;
        }
        else {
            echo 0;
        }
    }
[PHP] pobierz, plaintext 

już zakumałem
teraz jest tak

[XML] pobierz, plaintext 
document.getElementById("input_login").oninput = function() {
    $.ajax({
    type    :   "POST",
    url     :   "../php_function/set_session_variable.php",
    data    :   { 
        ajax_test       :   "check_user_login",
        user_login      :   this.value 
    },
    success :   function(ret) {
        if (ret == 1) {
            console.log( "Dane zwrotne OK: " + this.value );
        }
        if (ret == 0) {
            console.log( "Dane zwrotne NIE OK: " + this.value ); 
        }
    }
    });
};    
 
[XML] pobierz, plaintext 

a powiedz mi czym to co napisałem wcześniej różni się od tego

[JAVASCRIPT] pobierz, plaintext 
 
document.getElementById("input_login").oninput = function() {
    request_01 = "";
    request_01 = new XMLHttpRequest();
    var post = "ajax_test=check_user_login&user_login=" + this.value;
    var url = "../php_function/set_session_variable.php";
    request_01.onreadystatechange = CheckLoginRequest;
    request_01.open("POST", url, true);
    request_01.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
    request_01.send(post); 
};    
 
function CheckLoginRequest() {
    if (request_01.readyState == 4 && request_01.status == 200) {
        var image = document.getElementById('image_login');
        if (request_01.responseText ==  1) {
            $(image).addClass('green');
            console.log( "Dane zwrotne OK: " + this.value );
        }
        if (request_01.responseText == 0) {
            $(image).removeClass('green');
            console.log( "Dane zwrotne NIE OK: " + this.value ); 
        }       
    } 
};
[JAVASCRIPT] pobierz, plaintext 

Ten post edytował topcio 10.12.2017, 02:23:23

OK, wielkie dzięki za pomoc.
Jutro będę kminił jak zrobić to co napisałeś bym zrobił (IMG:style_emoticons/default/tongue.gif) dziś już nie mam siły, oczy mi odmawiają posłuszeństwa.

No to dobranoc i daj jutro znać jak idzie. Ja coś nie mogę się zmusić do spania dzisiaj (IMG:style_emoticons/default/biggrin.gif)

Jeszcze nie kminiłem, dopiero usiadłem. Wolna niedziela (IMG:style_emoticons/default/biggrin.gif)
Ale usiadłem i do tego co już miałem dopisałem co poniżej.
Pomijając fakt o którym pisałeś wcześniej, czy to jest OK, czy masło maślane. Choć działa (IMG:style_emoticons/default/tongue.gif)
Może da się to jakoś uprościć.

[JAVASCRIPT] pobierz, plaintext 
document.getElementById("input_login").oninput = function() {
    var image = document.getElementById('image_login');
    $.ajax({
    type    :   "POST",
    url     :   "../php_function/set_session_variable.php",
    data    :   { 
        ajax_test       :   "check_user_login",
        user_login      :   this.value 
    },
    success :   function(ret) {
        if (ret == 1) {
            $(image).addClass('green');
                var image2 = document.getElementById('image_pass');
                $.ajax({
                type    :   "POST",
                url     :   "../php_function/set_session_variable.php",
                data    :   { 
                    ajax_test       :   "check_user_pass",
                    user_pass       :   document.getElementById("input_pass").value, 
                    user_login      :   document.getElementById("input_login").value
                },
                success :   function(ret01) {
                    if (ret01 == 1) {
                        $(image2).addClass('green');
                    }
                    if (ret01 == 0) {
                        $(image2).removeClass('green');
                    }
                }
                });            
        }
        if (ret == 0) {
            $(image).removeClass('green');
                var image2 = document.getElementById('image_pass');
                $.ajax({
                type    :   "POST",
                url     :   "../php_function/set_session_variable.php",
                data    :   { 
                    ajax_test       :   "check_user_pass",
                    user_pass       :   document.getElementById("input_pass").value, 
                    user_login      :   document.getElementById("input_login").value
                },
                success :   function(ret01) {
                    if (ret01 == 1) {
                        $(image2).addClass('green');
                    }
                    if (ret01 == 0) {
                        $(image2).removeClass('green');
                    }
                }
                });
            };  
     }
    });
};    
 
document.getElementById("input_pass").oninput = function() {
    var image = document.getElementById('image_pass');
    $.ajax({
    type    :   "POST",
    url     :   "../php_function/set_session_variable.php",
    data    :   { 
        ajax_test       :   "check_user_pass",
        user_pass       :   this.value, 
        user_login      :   document.getElementById("input_login").value
    },
    success :   function(ret) {
        if (ret == 1) {
            $(image).addClass('green');
        }
        if (ret == 0) {
            $(image).removeClass('green');
        }
    }
    });
};  
[JAVASCRIPT] pobierz, plaintext 

Nie sądzisz, że sprawdzanie poprawności hasła podczas jego wpisywania jest dość egzotycznym pomysłem? (IMG:style_emoticons/default/smile.gif)

Jest i owszem, ale jak pisałem wcześniej dopiero się tym bawię i oswajam w ogóle z JS.
Ale fajnie to wygląda (IMG:style_emoticons/default/tongue.gif)
Po za tym, wiesz chyba nic to nie zmienia, bo jak ktoś nie zna loginu ani hasła, to cę będzie siedział w panelu i się bawił w literki.
Chyba żaden bot linuxowy tego nie odczyta bo nie obsłuży JSa, chyba że się mylę

Ten post edytował topcio 10.12.2017, 18:18:35

Można to znacząco uprościć. Zobacz sobie na przykład $.post zamiast $.ajax.

no właśnie czym to się różni, bo już się $.post bawiłem, mam na przykład takie coś

[JAVASCRIPT] pobierz, plaintext 
    $.post('../php_function/set_session_variable.php', { ajax_test: 'back_to_login_page'}, function(ret) {
    if (ret == 0) {
        window.location = "../index.php";
    }
    else{
        window.alert("error!");
    }
[JAVASCRIPT] pobierz, plaintext 

Różni się tym, że jest bardziej czytelna dla zapytań POST. Jest też $.get. Ja używam $.ajax tylko wtedy, gdy chcę ustawić sporo rzeczy sam, albo kiedy zapytanie musi obsługiwać różne metody HTTP.