Ποιος γνωριζει JAVASCRIPT και AJAX (XML) ???

**_pike** · 22-08-15, 11:44

Αγαπητοι φιλοι καλημερα.
Αυτο που θελω να καταφερω ειναι το εξης.....
Θελω σε μια φορμα html που εχω φτιαξει,αφου κανω post method, με το που την υποβαλλει να κανει GET method......
και η η τιμη που θα παρει απο το GET method να την εμφανισει σε ενα text box χωρις να ανανεωσει ολοκληρη την σελιδα....
Εχω ψαχτει αρκετα ειμαι πολυ κοντα (πιστευω) αλλα σε δοκιμες που κανω ητε ανανεωνει ολοκληρη την σελιδα ητε δεν κανει τπτ.
ειδα ενα attribute? το (onsubmit) Αλλα δεν εχω καταφερει τιποτα βασει αυτου. Γνωριζω βασικα πραγματα σε html και καθολου Javascript.

Ευχαριστω πολυ Παναγιωτης.

**nikosp** · 22-08-15, 12:05

Θα μπορούσα ίσως να σε βοηθήσω αλλά θα πρέπει να δώ από κοντά το τί έχεις φτιάξει και πώς
Η καλύτερη λύση είναι να δείς τα πράγματα από μόνος σου
Υπάρχουν τα πάντα στό site της ORACLE
Γράψου εκεί και άρχισε να κατεβάζεις πληροφορίες
Για εμένα είναι η πηγή γνώσεων

**_pike** · 22-08-15, 12:14

Ευχαριστω Nικο για την απαντηση σου....Θελεις να ποσταρω τον κωδικα html? Θα το κοιταξω αυτο που μου ειπες....Αυτο που δεν μπορω να καταφερω ειναι το κομματι του script που θα υπαρχει στον κωδικα.

**nikosp** · 22-08-15, 12:21

Αρχικό μήνυμα από _pike

Ευχαριστω Nικο για την απαντηση σου....Θελεις να ποσταρω τον κωδικα html? Θα το κοιταξω αυτο που μου ειπες....Αυτο που δεν μπορω να καταφερω ειναι το κομματι του script που θα υπαρχει στον κωδικα.

Δές το καλύτερα μόνος σου
Εκεί που σου είπα θα βρείς πολλά πράγματα για τα script αυτ'α

**Gant** · 23-08-15, 08:16

Παναγιώτη πόσταρε τον κώδικα να δούμε που ακριβώς είναι το πρόβλημα

**_pike** · 23-08-15, 12:32

Ευχαριστώ για το ενδιαφέρον.....

Κώδικας:

<html>


<body bgcolor="#e8e8e8">
<meta charset="UTF-8">
<script>
    function UpdateLighting(){
    
    var xmlhttp;
    
    var a  = document.getElementById("bed").value;
    var b  = document.getElementById("sal").value;
    var c  = document.getElementById("kit").value;
    var d  = document.getElementById("ext").value;
    


    if (window.XMLHttpRequest)
      
    {


        xmlhttp=new XMLHttpRequest();
    
    }


    else
    {
    
        xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
    
    }
    
    xmlhttp.onreadystatechange=function(){
    
        if (xmlhttp.readyState==4 && xmlhttp.status==200){
        
            var PlaketaResponse = xmlhttp.responseText.split(" ");
            
            var ares = PlaketaResponse[0].substr(PlaketaResponse[0].indexOf("=")+1, PlaketaResponse[0].length-PlaketaResponse[0].indexOf("="));
            var bres = PlaketaResponse[1].substr(PlaketaResponse[1].indexOf("=")+1, PlaketaResponse[1].length-PlaketaResponse[1].indexOf("="));
            var cres = PlaketaResponse[2].substr(PlaketaResponse[2].indexOf("=")+1, PlaketaResponse[2].length-PlaketaResponse[2].indexOf("="));
            var dres = PlaketaResponse[3].substr(PlaketaResponse[3].indexOf("=")+1, PlaketaResponse[3].length-PlaketaResponse[3].indexOf("="));
            
            if (ares == a){ 
            
                document.getElementById("bedresult").innerHTML = 'OK'
                document.getElementById("bedresultinput").value = 'OK'
                
                
            }
            else{
            
                document.getElementById("bedresult").innerHTML = 'ERROR'
                document.getElementById("bedresultinput").value = 'ERROR'
            }


            if (bres == b){ document.getElementById("saloniresult").innerHTML = 'OK'}
            else{document.getElementById("saloniresult").innerHTML = 'ERROR'}


            if (cres == c){ document.getElementById("kouzinaresult").innerHTML = 'OK'}
            else{document.getElementById("kouzinaresult").innerHTML = 'ERROR'}


            if (dres == d){ document.getElementById("exresult").innerHTML = 'OK'}
            else{document.getElementById("exresult").innerHTML = 'ERROR'}            


            //document.getElementById("FotismosResults").innerHTML = ;
            
        }
        else{
        
            document.getElementById("FotismosResults").innerHTML = "A server error occured.";
            
        }
        
    }


        xmlhttp.open("POST","HTTP://192.168.1.107:80",true);
        xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");
        xmlhttp.send("a="+a+"&b="+b+"&c="+c+"&d="+d);
    
    }
        
    
</script>


<style>
form.wood1 {float:left; margin-left:30px;}
fieldset {height: 210px;width: 210px;}
#txt {font-weight:bold;}
</style>




<br>
<center><h1>Κεντρικό Μενού</h1></center>
<form class="wood1" >


<fieldset>
<legend><b>Φωτισμός</b></legend><br>
<select  id="bed">
<option value="off">OFF</option>
<option value="on">ON</option>
<option value="auto">AUTO</option>
</select>     Υπνοδωμάτιο <span id="bedresult"></span><input type="text" id="bedresultinput" size="4" readonly="readonly"/><br/><br/>


<select  id="sal">
<option value="off">OFF</option>
<option value="on">ON</option>
<option value="auto">AUTO</option>
</select> Σαλόνι<span id="saloniresult"></span><br/><br/>


<select  id="kit">
<option value="off">OFF</option>
<option value="on">ON</option>
<option value="auto">AUTO</option>
</select> Κουζίνα<span id="kouzinaresult" style="float:right;"></span><br/><br/>


<select id="ext">
<option value="off">OFF</option>
<option value="on">ON</option>
<option value="auto">AUTO</option>
</select> Εξωτερικά<span id="exresult" style="float:right;"></span><br/><br/>


<button type="button"  onclick="UpdateLighting();">Υποβολή</button>




</fieldset>




</form>


</body>
</html>

Για να καταλαβεις θελω αφου πατησω το κουμπι submit να κανει post τις τιμες που θα εχουν επιλεχθει στα κουτακια dropbox.Αφου γινει αυτο να μου ζητησει η σελιδα GET method ετσι ωστε να του στειλω ΟΚ οτι και καλα πηρε την τιμη αλλα να την εμφανισει στο input type text "bedresult" χωρις να ανανεωσει ολοκληρη την σελιδα....

**Gant** · 23-08-15, 22:12

Ο κώδικάς σου φαίνεται οκ.
Στην περιοχή μόνο που ελέγχει την απάντηση του σέρβερ if (a==ares) ... λείπουν τα semicolon (ελληνικά ερωτηματικά ';' ) στο τέλος των εντολών.

**_pike** · 24-08-15, 01:05

Το δοκιμασα φιλε μου δυστηχως ουτε ετσι δουλευει.....
Τι να πω.....

Κώδικας:

 if (ares == a){ 
            
                document.getElementById("bedresult").innerHTML = 'OK'
                document.getElementById("bedresultinput").value = 'OK'
                
                
            }
            else{
            
                document.getElementById("bedresult").innerHTML = 'ERROR'
                document.getElementById("bedresultinput").value = 'ERROR'
else{
        
            document.getElementById("FotismosResults").innerHTML = "A server error occured.";
            
        }

Μπορεις να μου εξηγησεις τι κανει ο παραπανω κωδικας? Εαν το ares ειναι ιδιο με το a τοτε δειξε ΟΚ στο κουτακι αλλιως ERROR και εαν κατι απο αυτα παει στραβα τοτε δειξε A SERVER ERROR OCCURED .
Μπορεις να μου κανεις μια εξηγηση γραμμη-γραμμη????

Αρα κατι επρεπε να δειχνει το οτι δεν ανταποκρινεται στις τιμες που του στελνω που μπορει να οφειλεται???

Σε ευχαριστω πολυ!

**Gant** · 24-08-15, 06:37

To "Server error occured" εμφανίζεται αν ο σερβερ απαντήσει και το readystate δεν είναι 4 και το status δεν είναι 200.
Κοίταξε και http://www.w3schools.com/ajax/ajax_x...tatechange.asp

Η υπορουτίνα onreadystatechange θα τρέχει κάθε φορά που αλλάζει το readystate από 0 σε 1,2,3 και 4. Καλύτερα να βγει το κομμάτι else του κώδικα προς στιγμήν.

Κώδικας:

    xmlhttp.onreadystatechange=function(){
    
        if (xmlhttp.readyState==4 && xmlhttp.status==200){
        
            var PlaketaResponse = xmlhttp.responseText.split(" ");
            
            var ares = PlaketaResponse[0].substr(PlaketaResponse[0].indexOf("=")+1, PlaketaResponse[0].length-PlaketaResponse[0].indexOf("="));
            var bres = PlaketaResponse[1].substr(PlaketaResponse[1].indexOf("=")+1, PlaketaResponse[1].length-PlaketaResponse[1].indexOf("="));
            var cres = PlaketaResponse[2].substr(PlaketaResponse[2].indexOf("=")+1, PlaketaResponse[2].length-PlaketaResponse[2].indexOf("="));
            var dres = PlaketaResponse[3].substr(PlaketaResponse[3].indexOf("=")+1, PlaketaResponse[3].length-PlaketaResponse[3].indexOf("="));
            
            if (ares == a){ 
            
                document.getElementById("bedresult").innerHTML = 'OK';
                document.getElementById("bedresultinput").value = 'OK';
                
                
            }
            else{
            
                document.getElementById("bedresult").innerHTML = 'ERROR';
                document.getElementById("bedresultinput").value = 'ERROR';
            }

            if (bres == b){ document.getElementById("saloniresult").innerHTML = 'OK';}
            else{document.getElementById("saloniresult").innerHTML = 'ERROR';}


            if (cres == c){ document.getElementById("kouzinaresult").innerHTML = 'OK';}
            else{document.getElementById("kouzinaresult").innerHTML = 'ERROR';}


            if (dres == d){ document.getElementById("exresult").innerHTML = 'OK';}
            else{document.getElementById("exresult").innerHTML = 'ERROR';}            


            //document.getElementById("FotismosResults").innerHTML = ;
            
        }
        
    }

O Browser σου έχει πολύ πιθανόν ενσωματωμένο debugger (ενεργοποιείται πατώντας το F12) που τρέχει τον κώδικα γραμμή γραμμή και σε βοηθάει να βρεις τα λάθη σου.

**_pike** · 24-08-15, 11:27

Επειδη τον server τον προσομοιωνω εγω μεσω του esp8266 τι περιμενει ο browser να λαβει? Δηλαδη αφου μου κανει το POST method τι πρεπει να του στειλω? Για να μπει η απαντηση στο textbox?.
π.χ
1) a=on
2) response.write=on
3) on

Θα δοκιμασω το debugger κι'ολας να δω αυτο που μου λες πιο μετα.....

Σε ευχαριστω!

Θέμα: Ποιος γνωριζει JAVASCRIPT και AJAX (XML) ???

Εργαλεία Θεμάτων

Εμφάνιση

Ποιος γνωριζει JAVASCRIPT και AJAX (XML) ???

Παρόμοια Θέματα

καποιος που να γνωριζει απo arduino ??

Ποιος γνωριζει απο SIM καρτες?

ΠΟΙΟΣ ΓΝΩΡΙΖΕΙ ΑΠΟ ΜΙΚΡΟΦΩΝΑ?

γνωριζει κανεις απο step motor

Γνωριζει κανεις τις Διαφορες του LM2936Z-5 με το LM78L05

Δικαιώματα - Επιλογές