[Ajax] Piccola e semplicissima prova

**keratox** · 23-04-2006, 20:56

Ho un problema, sto facendo una prova, ma non funge una mazza

index.html

codice:

<html>
<head>

        <style type="text/css">
                input.stato{
                        display:none;
                }
         </style>

        <script type="text/javascript">
                function createXmlRequest(){
                        // ...
                        return new XMLHttpRequest();
                }

          
                function takeResponse(){
                        if(req.readyState==200){
                                alert("c");
                                var res = req.responseText;
                                document.getElementById("status").style.display='block';
                                document.getElementById("user").innerHTML=res;   
                        }
                        else{
                                return 0; 
                }
                
                function getValue(valore, idobj){
                        if(!req)
                                var req = createXmlRequest();

                        req.open("GET","elab.php?field="+idobj+"&value="+valore, true);
                        req.send(null);
                        req.onreadystatechange = takeResponse;
                }
        </script>

</head>
<body>


<form action="login.php">
        <input type="text" id="status" class="stato" value="" />
        <label for="uname" id="user">Username</label>
        <input type="text" name="username" id="uname" onblur="getValue(this.value, 'uname');"/>

        <label for="pwd" id="pass">Password</label>
        <input type="text" name="password" id="pwd" onblur="getValue(this.value, 'pwd');" />

        <input type="submit" name="send" value="Login" id="sub" />
</form>


</body>
</html>

elab.php

Codice PHP:


<?php

if(isset($_GET['field']) && isset($_GET['value']) ){

        $f = $_GET['field'];

        $v = $_GET['value'];



        if( $f=="uname"){

                if(strlen($v)>20)

                        echo "Troppi caratteri";

                else if(strlen($v)<5)

                        echo "Troppi pochi caratteri";

        }

        else if ($f == "pwd"){

                if(strlen($v)>20)

                        echo "Troppi caratteri";

                else if(strlen($v)<5)

                        echo "Troppi pochi caratteri";

        }

}

?>

Solo che non fa nulla. Come mai? Dove sbaglio?

p.s.:
Io javascript non l'ho mai imparato bene... esiste un libro fatto bene (cerco il migliore, poichè ne ho già provati altri ma fatti male)?

**keratox** · 25-04-2006, 07:19

:rollo:

**br1** · 25-04-2006, 11:01

Presumibilmente e' dovuto alla scarsa (troppa?)

fantasia nell'assegnazione dei nomi e degli id agli elementi del form... ma e' un errore nel quale i principianti incorrono spesso.
Usa qualcosa di diverso da "password", "send", "status"... essendo parole riservate (hanno un significato specifico per il javascript) non possone essere usate altrove.

ciao

**keratox** · 25-04-2006, 11:34

Ah ma ora che ci rimetto mano noto che anche

if(req.readyState==200){

è un simpatico errore

req.status==200

**keratox** · 25-04-2006, 11:42

Sto usando degli alert() per capire il percorso e il processo

codice:

                function takeResponse(){    
                        if(req.status==200){
                                alert("c");
                                var res = req.responseText;
                                document.getElementById("stato").style.display='block';
                                document.getElementById("stato").value=res;  
                                alert(res);
                        }
                }
                
                function getValue(valore, idobj){
                        if(req==null)
                                req = createXmlRequest();

                        req.open("GET","elab.php?field="+idobj+"&value="+valore, true);
                        req.send(null);
                        req.onreadystatechange = takeResponse;
                        alert("pre");
                }

Gli alert vanno...

"pre"
"c"
""
"c"
"troppi caratteri"
"c"
"troppi caratteri"
"pre"

Mi viene visualizzato due volte "c", cos'è, ci sono due completamenti?

Spiegatemi queste incongruenze.

**keratox** · 26-04-2006, 13:29

up

Discussione: [Ajax] Piccola e semplicissima prova

Strumenti discussione

Ricerca discussione

Visualizza

[Ajax] Piccola e semplicissima prova

Permessi di invio