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

**Gant** · 24-08-15, 20:45

Η απάντηση που επεξεργάζεται ο κώδικας ( σου; ) έχει τη μορφή

a=OK b=OFF c=AUTO d=OFF

H μεταβλητή (a,b,c,d) δεν παίζει ρόλο. Χρειάζεται πάντα ένα κενό " " ανάμεσα στις εξισώσεις και χρειάζεσαι τουλάχιστον 4 μεταβλητές.

Καλή επιτυχία!

**_pike** · 25-08-15, 00:51

Δεν με καταλαβες..... Κατ αρχας ο κωδικας javascript δεν ειναι δικος μου γιατι οπως προειπα δεν γνωριζω javascript αλλα html και αυτην με περιορισμους.
Αυτο που σε ρωτησα επειδη προσπαθω να καταλαβω τι μπορει να πηγαινει στραβα ειναι to εξης......
τι απαντηση περιμενει η σελιδα απο τον server για να τυπωσει
στο textbox to OK.
Απο τα λιγα που καταλαβαινω Πρεπει να του λεει

"Εαν η μεταβλητη ares ειναι ιδια με την μεταβλητη a
(οπου το a einai to bed value ===> var a = document.getElementById("bed").value; )

if (ares == a){
document.getElementById("bedresult").innerHTML = 'OK';
document.getElementById("bedresultinput").value = 'OK';

Τοτε μεσα στο input text "bedresultinput" γραψε το ΟΚ........

Αρα ενα παραδειγμα.......Εαν ο σερβερ στειλει το ΟΝ (ξερο σκετο ΟΝ χωρις α=ΟΝ)
θα εχουμε αραγε την συμπεριφορα που περιμενουμε??? (γιατι μεχρι και σημερα τπτ απο τα παραπανω δεν δουλεψε...)

Μηπως πριν απο το ΟΝ ο browser περιμενει καποιου αλλου ειδους απαντησης???
π.χ

Server---------------- browser
----------------------- POST method
readystate=4---------OK
readystate=200------OK
a=ON------------------printing on screen textbox value=OK
close channel---------OK
OK

(Το παραπανω ειναι υποθετικο σεναριο)

Ελπιζω να με καταλαβες σε ευχαριστω πολυ για τον χρονο σου.....!!!

**Gant** · 26-08-15, 18:06

Η σελιδα περιμενει απαντηση απο τον σερβερ στην μορφη που εγραψα παραπανω. Δλδ. 4 εξισωσεις χωρισμενες με κενα. Αν το κειμενο μετα το πρωτο ισον και μεχρι το πρωτο κενο ισοσυναμει με το περιεχομενο του πρωτου dropbox, τοτε γραφεται στο inputbox OK αλλιως ERROR. Αν θες ξαναγραψε ολο το αρχειο html.

**_pike** · 27-08-15, 01:21

Για ριξε μια ματια μπας και καταλαβεις τπτ.....

**Gant** · 27-08-15, 21:01

ok, την απάντηση του σερβερ που την γραφεις;
θα χρειαστει κάτι σαν

Κώδικας:

HTTP/1.1 200 OK
Access-Control-Allow-Origin: *
Connection: Close

a=OK b=OFF c=AUTO d=OFF

**_pike** · 27-08-15, 21:06

Την απαντηση τωρα την προσωμοιωνω εγω πρωσωρινα για τις δοκιμες μεσω του sscom32 που ειναι κατι σαν το teraterm hyperterminal κλπ... Λιγο που το εψαξα και εγω (απελπιστηκα) ελεγα κατι για JSONP Θα δοκιμασω να στειλω το παραπανω μοτιβο οπως το εχεις γραψει.....

*EDIT

Access-Control-Allow-Origin: *Access-Control-Allow-Origin: *

Θα στειλω αυτο και επειτα την σειρα

a=OK b=OFF c=AUTO d=OFF

**Gant** · 30-08-15, 20:24

ok σε μένα δούλεψε. Παραθέτω κώδικα και screenshot

Κώδικας:

<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://127.0.0.1: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" style="float:right;"></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" style="float:right;"></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>

hlektr.png
Θα χρειαστεί να αλλάξεις την IP (127.0.0.1) στην δική σου.

**_pike** · 01-09-15, 01:20

Φιλε μου σε ευχαριστω παρα πολυ για το ενδιαφερον σου!!!
Λοιπον δεν δουλεψε σε εμενα

και λογικα γνωριζω το γιατι.....Μιλησα με εναν φιλο σημερα και μου ειπε για το συγκεκριμενο σφαλμα που βρισκει.....
"Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at http://192.168.1.107/. (Reason: CORS header 'Access-Control-Allow-Origin' missing)

Ειναι επειδη οι δοκιμες που κανω (την html σελιδα που παιζουμε)......δεν ειναι ανεβασμενη στον σερβερ (Μικροελενκτη) Και γι'αυτο βγαζει αυτο το error....
Το συγκεκριμενο σφαλμα δημιουργηται μου ειπε γιατι η javascript προσπαθει να παρει κατι που χρηζει θεμα ασφαλειας διοτι δεν ζητηται απο τον σερβερ (στην προκειμενη περιπτωση αλλα απο την ιδια την σελιδα......(καπως ετσι)
Θα επανερθω με πιο αναλυτικοτερα νεα....

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

**Gant** · 01-09-15, 22:46

Πολύ σωστά αυτά που γραφεις. Για να ξεπεράσουμε το εμπόδιο της javascript που απαιτεί να βρίσκονται το αρχείο html και οι υπολοιπες πηγές ajax στον ίδιο υπολογιστή γράφουμε στην απάντηση του webserver εκτος των άλλων:

Access-Control-Allow-Origin: *

Το δοκίμασα και με 2 υπολογιστές στο σπιτικό δίκτυο (ο ένας το αρχείο html ο άλλος webserver) και ... δούλεψε.

Νομίζω πως είσαι πολύ κοντά στην επιτυχία!

**_pike** · 26-09-15, 21:47

Μετα απο εμποδια (αρκετα) που βρηκα καταφερα να το δω να δουλευει...... Κοψαμε-ραψαμε με τον φιλο και εκανα ενα μικρο αρχειακι 1ΚΒ γιατι το προηγουμενο ηταν ~4ΚΒ και ειχα θεματα με τον μικροελενκτη και με το esp... Ο κωδικας ειναι ο παρακατω το μονο προβλημα που εχει τωρα ειναι :

1) Με το που πατω το κουμπι submit μου βγαζει το μνμ SRV ERROR αμεσως.....
( Βεβαια μετα που το στελνω την τιμη απο SRV ERROR αλλαζει σε ΟΚ εαν ειναι συμπιπτει με το post η ERROR εαν ειναι διαφορετικη....)

2) Εαν η απαντηση ειναι ..
a=ON δειχνει ΟΚ εαν ειναι....
b=ON δειχνει ΟΚ εαν ειναι....

=ON δειχνει ΟΚ

Οπου σημαινει οτι δεν ελενχει να δει οτι το α=ΟΚ αλλα εαν το= ειναι ΟΚ...... (Μετα απο δοκιμες το ειδα οτι συμβαινει αυτο τσεκαρει απο το = και μετα....)
επειτα ομως που θα βαλω και αλλα dropboxes θα πρεπει να βλεπει το a το b ή το c

Κώδικας:

<html>
<script>
function ULF(){
var xmlhttp;
var a  = document.getElementById("bed").value;
if (window.XMLHttpRequest)
{
xmlhttp=new XMLHttpRequest();
}
else
{
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange=function(){
if (xmlhttp.readyState==4 && xmlhttp.status==200){
var PL = xmlhttp.responseText.split(" ");
var ares = PL[0].substr(PL[0].indexOf("=")+1, PL[0].length-PL[0].indexOf("="));
if (ares == a){ 
document.getElementById("bri").value = 'OK'
}
else{
document.getElementById("bri").value = 'ERROR';
}
}
else{
document.getElementById("bri").value = 'SRV ERROR'
}
}
xmlhttp.open("POST","HTTP://192.168.1.107:80",true);
xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");
xmlhttp.send("a="+a);
}
</script>
<b>Lights</b><br>
<select id="bed">
<option value="OFF">OFF</option>
<option value="ON">ON</option>
<option value="AUTO">AUTO</option>
</select>Bed<input type="text" id="bri" size="50" readonly="readonly"/><br/><br/>
<button type="button" onclick="ULF();">Submit</button>
</body>
</html>

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

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

Εμφάνιση

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

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

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

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

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

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

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