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

[JOHNY+]

kalytera xrhsimopoihse Jquery , exeis aytomata symavatothta me oloys toys browser , vivliothiki ths javascript . Kai pio eykolo sthn xrhsh . Otan kaneis post de tha pareis tipota me get , tha steileis ena request ston server kai aytos afoy trexei to service poy thes , tha soy apanthsei me ena xml Http Request object , to jquery tha to handlarei kai tha paei na soy valei to periexomeno toy xml ston tomea ths selidas poy exeis piasei me ton selector , diavase ligo jquery kai ajax .

paidia sorry me ta grreklish exw kairo na postarw sto forum

[_pike]

Σε ευχαριστω πολυ για την απαντηση σου.....Εκτος το οτι ειμαι ασχετος απο jquery kai ajax κλπ ο server που χρησιμοποιω εχει 16ΚΒ μνημη το jquery einai απο μονο του 100ΚΒ....Εκτος εαν κανεις include και να το παιρνει απο google....Να μην το εχεις στον server.Αυτο ισως γινει στο μελλον που θα ενταξω μια SD στο κυκλωμα και θα εχω απλετο χωρο......

[JOHNY+]

http://www.w3schools.com/jquery/ajax_post.asp

Η λυση στο πρόβλημα σου . O server θα τρεχει καποια γλώσσα προγραμματισμού υποθέτω php , οτι θές , κανε post και παρε την απάντηση . Καντο include απο google δεν θα χεις προβλημα στο πάνω μερος της σελίδας στο head .

[JOHNY+]

το jquery και ajax calls τρεχουν στον browser αυτου που φορτώνει την ιστοσελίδα , οπότε δεν θα χεις πρόβλημα μνήμης . Ειδικά αμα τραβάς το jquery κατευθείαν απο την google στο ολοκληρωμένο θα στέλνεις την απάντηση και θα τρέχει κατι και θα επιστρέφει την ενημέρωση στην ιστοσελίδα .


$("input").keyup(function(){
var txt = $("input").val();
$.post("demo_ajax_gethint.asp", {suggest: txt}, function(result){
$("span").html(result);
});
});



Βασικά αυτό εδώ χρειάζεσαι . τροποποιησε το λιγο να ταιριάζει σε αυτο που θες να κάνεις .

αυτα εδω $("input") πχ ειναι selectors με αυτα πιάνεις στοιχεία html που θές να εφαρμόσεις πάνω τους αλλαγές , η να πάρεις πληροφορία απο αυτά , το demo_ajax_gethint.asp ειναι το αρχείο που θές να εκτελέσεις στον server , εσυ βάλε το δικό σου , στην γλώσσα που θές . Αυτό το καλεί , στέλνει το περιεχόμενο του στοιχείου input kai ο κώδικας που τρέχει στον server επιστρεφει το αρχείο xml που το πίανει o selector $("span") και το τοποθετεί μεσα σε αυτό το στοιχείο ενημερώνοντας το κομάτι της σελίδας χωρίς να ξαναφορτώσει .

Ειναι πιο απλό απ το να το γράψεις σε καθαρή Javascript μονος σου και εχεις καλυτερη συμβατότητα με browser γιατι η συναρτηση του Ajax ειναι ήδη χτισμένη απο το jquery .

Απλα κανε include στην σελίδα στην αρχή του path toy jquery vale τον κωδικα σου στο head μεσα σε script tags kai frontise ta στοιχει της σελιδας που χεις βαλει να ενημερωνει , περνει στοιχεια να υπαρχουν .

[Gant]

1.
το SRV ERROR βγαίνει κάθε φορά που τρέχει η υπορουτίνα onreadystatechange και το readystate δεν είναι 4 και το status δεν είναι 200. Αυτό συμβαίνει μερικές φορές δλδ κατά τη σύνδεση με το σερβερ, κατά την αναμονή για απάντηση κτλ.
Κατ' εμέ δεν χρειάζεται το

else{ document.getElementById("bri").value = 'SRV ERROR' }

καθόλου για την ώρα.

2.Το

var ares = PL[0].substr(PL[0].indexOf("=")+1, PL[0].length-PL[0].indexOf("="));

θα το αντικαθιστούσα με

if (PL[0].indexOf("a=")>-1) { 
var ares = PL[0].substr(PL[0].indexOf("a=")+2);}

[_pike]

Φιλε Χρηστο σε ευχαριστω για την απαντηση σου θα την δοκιμασω και αυτη και θα σου πω αποτελεσματα......
Φιλε Gant....Αντικατεστησα αυτο που μου ειπες και δουλευει κανονικα!!!!!!!! τωρα κοιταει απο το a και επειτα....!!!
Επισης εβγαλα και αυτο που μου ειπες.....Εαν ομως αλλαζα τα νουμερα Φανταζομαι οι αριθμοι αυτοι δηλωνουν χρονο σε ms σωστα? Το λεω αυτο γιατι θα ηταν ωραιο να το αφησω σε περιπτωση που ο mcu για καποιο λογο δεν απαντησει μεσα σε ενα προκαθορισμενο χρονο να βγαζει αυτο το μνμ κατι σαν timeout....

Αυτο χρειαζεται να υπαρχει στον κωδικα με την τροποποιηση που εκανες???
" var PL = xmlhttp.responseText.split(" "); "

Και κατι τελευταιο επειδη μου αρεσει να μαθαινω...Θα μπορουσες οταν βρεις λιγο χρονο να μου εξηγησεις τι κανει η γραμμη που εγραψες?
οτι πχ :Εαν το a ειναι ισο η μεγαλυτερο του 1 κλπ κλπ (Μπορει να λεω χαζα αλλα δεν καταλαβαινω τπτ στο τι κανει αυτη η γραμμη..)

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

[_pike]

Υπαρχει και νεα "εκδοση" χρησιμοποιωντας JSON παραθετω τον κωδικα οπου και αυτος μου δουλεψε αλλα ειναι και πιο μικρος αλλα σαν να μου φαινεται και πιο ευκολος.....( Για οσους ενιαφερονται μιας και οπου ειδα οτι το thread κοντευει τα 2000 views!!! )

<html>


<body>


<script>


function ULF(){
var x = new XMLHttpRequest();
var a = document.getElementById("bed").value;
var p = document.getElementById("bri");
var b = document.getElementById("kit").value;
var o = document.getElementById("kri");
x.onreadystatechange=function() {
if (x.readyState == 4 && x.status == 200) {
var j = JSON.parse(x.responseText)
j.a == a ? p.value = "OK" : p.value = "ERROR";
j.b == b ? o.value = "OK" : o.value = "ERROR";
}
else{
p.value = "SERVER ERROR"
o.value = "SERVER ERROR"
}
}
x.open("POST","HTTP://192.168.1.107:80",true);
x.setRequestHeader("Content-type","application/x-www-form-urlencoded");
x.send("a="+a+"&b="+b);
}
</script>


<b>Lights</b><br>
Bed <select id="bed">
<option value="ON">ON</option>
<option value="OFF">OFF</option>
<option value="AUTO">AUTO</option>
</select> 
<input type="text" id="bri" size="10" readonly="readonly"/>

<br/>
<br/>


Kitchen <select id="kit">
<option value="ON">ON</option>
<option value="OFF">OFF</option>
<option value="AUTO">AUTO</option>
</select> 
<input type="text" id="kri" size="10" readonly="readonly"/><br/><br/>
<button onclick="ULF();">Submit</button>


</body>


</html>

Αυτο εδω χρειαζεται ?????? (x.readyState == 4 && x.status == 200)


Ευχαριστω πολυ ολους σας!!!

[Gant]

1 ....Εαν ομως αλλαζα τα νουμερα Φανταζομαι οι αριθμοι αυτοι δηλωνουν χρονο σε ms σωστα? Το λεω αυτο γιατι θα ηταν ωραιο να το αφησω σε περιπτωση που ο mcu για καποιο λογο δεν απαντησει μεσα σε ενα προκαθορισμενο χρονο να βγαζει αυτο το μνμ κατι σαν timeout....

2 Αυτο χρειαζεται να υπαρχει στον κωδικα με την τροποποιηση που εκανες???
" var PL = xmlhttp.responseText.split(" "); "

3 ..Θα μπορουσες οταν βρεις λιγο χρονο να μου εξηγησεις τι κανει η γραμμη που εγραψες?
οτι πχ :Εαν το a ειναι ισο η μεγαλυτερο του 1 κλπ κλπ (Μπορει να λεω χαζα αλλα δεν καταλαβαινω τπτ στο τι κανει αυτη η γραμμη..)

1 Όπως έγραψα και στις 24.8. τα νούμερα 4 και 200 δηλώνουν την κατάσταση της απάντησης από τον webserver. Με απλά λόγια ότι ολοκληρώθηκε με επιτυχία η μεταφορά των δεδομένων από τον web server στον web browser. Και ναι, η γραμμή αυτή χρειάζεται για να εξετάσουμε την απάντηση μόνο εφ όσον ολοκληρωθεί με επιτυχία η μεταφορά των δεδομένων.
Αυτό που είναι λάθος είναι το else server error. Κάθε φορά που ξεκινά ή βρίσκεται σε εξέλιξη η επικοινωνία μεταξύ server και client τα νούμερα αυτά αλλάζουν. Με το else γράφεις server error κάθε φορά που τα νούμερα αλλάζουν και δεν είναι 4 και 200. Οκ;

2 Αυτή η γραμμή δημιουργεί ένα μητρώο/πίνακα (array PL) χωρίζοντας (split) το κείμενο responseText σε κάθε κενό " ". Ok;

3 Αν το πρώτο στοιχείο του πίνακα PL, δηλ. το PL[0], εμπεριέχει το κείμενο "a=", τότε το ares θα πάρει την τιμή του τμήματος (substring) του PL[0] δύο θέσεις μετά το "a=" και μέχρι το τέλος. Ok;

[Gant]

Η "νέα" σου έκδοση αποκλείεται να δούλεψε, γιατί λείπουν τα ελληνικά ερωτηματικά στο τέλος των εντολών
var j = JSON.parse(x.responseText)
p.value = "SERVER ERROR"
o.value = "SERVER ERROR"