1
00:00:00,000 --> 00:00:02,340
>> ΟΜΙΛΗΤΗΣ 1: Ας εφαρμόσει μια web
Η σελίδα που επιτρέπει στους χρήστες να

2
00:00:02,340 --> 00:00:03,660
κοιτάζω προς τα πάνω τις τιμές των μετοχών.

3
00:00:03,660 --> 00:00:07,970
Ας υποθέσουμε πρώτα ότι υπάρχει
ένα αρχείο που λέγεται quote.php, αλλά αυτό

4
00:00:07,970 --> 00:00:11,110
θα μπορούσε να εφαρμοστεί στις περισσότερες οποιαδήποτε
γλώσσας, αλλά των οποίων σκοπός στη ζωή είναι

5
00:00:11,110 --> 00:00:15,800
να αναμένουν μια παράμετρο που ονομάζεται HTTP get
σύμβολο, η αξία του οποίου είναι η

6
00:00:15,800 --> 00:00:18,120
σύμβολο του αποθέματος για το οποίο
θα θέλατε ένα απόσπασμα.

7
00:00:18,120 --> 00:00:22,530
>> Για παράδειγμα, αν κοιτάξουμε αυτό το αρχείο
browser μου, quote.php, παρατηρούμε ότι

8
00:00:22,530 --> 00:00:26,900
Έχω περάσει στο, ήδη, ένα σύμβολο
του FB, για το Facebook.

9
00:00:26,900 --> 00:00:31,060
Και παρατηρήσετε ότι αυτό που έχει έρθει πίσω
είναι ένα αντικείμενο JSON με τρία κλειδιά.

10
00:00:31,060 --> 00:00:34,560
Ένα ονομάζεται σύμβολο, που ονομάζεται
όνομα, και ένα που ονομάζεται τιμή.

11
00:00:34,560 --> 00:00:38,920
Οι τιμές των οποίων είναι ακριβώς ότι
από το εν λόγω αρχείο.

12
00:00:38,920 --> 00:00:41,680
>> Τώρα ας στρέψουμε την προσοχή μας στην
απαρχές της κάποια HTML και

13
00:00:41,680 --> 00:00:43,340
JavaScript.

14
00:00:43,340 --> 00:00:48,990
Εδώ, σε ajax-0.html, παρατηρούμε ότι στο εσωτερικό
από το σώμα της σελίδας μου έχω μια φόρμα

15
00:00:48,990 --> 00:00:53,430
ότι έχει onsubmit χαρακτηριστικό, το
αξία των οποίων είναι η παράθεση και επιστροφή

16
00:00:53,430 --> 00:00:57,020
ψευδής, διευκρινίζοντας ότι θα ήθελα
να καλέσετε μια συνάρτηση JavaScript

17
00:00:57,020 --> 00:00:59,660
ονομάζεται απόσπασμα και στη συνέχεια να επιστρέψει false.

18
00:00:59,660 --> 00:01:04,459
Εν τω μεταξύ, στο εσωτερικό του εν λόγω μορφή είναι ένα
σύμβολο του οποίου η ταυτότητα είναι, παραθέτω χωρίς εισαγωγικά,

19
00:01:04,459 --> 00:01:07,940
"Σύμβολο", και στη συνέχεια μια άλλη είσοδο του οποίου
τύπου υποστηρίζουν ότι μου δίνει μια

20
00:01:07,940 --> 00:01:09,280
ένα κουμπί υποβολής.

21
00:01:09,280 --> 00:01:13,460
>> Εν τω μεταξύ, στο εσωτερικό του κεφαλιού της σελίδας μου,
υπάρχει μια ετικέτα script, η πηγή της

22
00:01:13,460 --> 00:01:18,000
η οποία είναι η διεύθυνση URL για jquery, η ίδια η
δημοφιλή βιβλιοθήκη JavaScript, και κάτω

23
00:01:18,000 --> 00:01:21,150
αυτό είναι μια άλλη ετικέτα script, στο εσωτερικό του
η οποία είναι η απαρχή κάποιων

24
00:01:21,150 --> 00:01:23,440
JavaScript που εγώ θα γράψω.

25
00:01:23,440 --> 00:01:26,900
Αυτή είναι η λειτουργία απόσπασμα που θα
τελικά να λέγεται, και στο εσωτερικό των

26
00:01:26,900 --> 00:01:31,300
εδώ ας δηλώσει μια μεταβλητή που ονομάζεται
URL, ορίζεται ότι η αξία αυτής της

27
00:01:31,300 --> 00:01:32,590
μεταβλητή αυτή είναι quote.php; σύμβολο = ".

28
00:01:32,590 --> 00:01:38,090

29
00:01:38,090 --> 00:01:42,170
>> Και τώρα ας ενώσετε στο τέλος
από αυτή την αρχική σειρά ανεξαρτήτως σύμβολο

30
00:01:42,170 --> 00:01:43,840
προφανώς ο χρήστης έχει πληκτρολογήσει.

31
00:01:43,840 --> 00:01:51,770
Συγκεκριμένα, ας κάνουμε + $ "" σύμβολο #
διευκρινίζοντας ότι θα ήθελα να

32
00:01:51,770 --> 00:01:54,910
να πάρει, με jquery από DOM μου,
το στοιχείο του οποίου ο μοναδικός

33
00:01:54,910 --> 00:01:56,430
αναγνωριστικό, ένα σύμβολο.

34
00:01:56,430 --> 00:01:59,500
Θυμηθείτε ότι αυτό είναι απλώς το κείμενο
πεδίο στο οποίο ο χρήστης πρόκειται να

35
00:01:59,500 --> 00:02:01,210
πληκτρολογήστε αυτό το σύμβολο αποθεμάτων.

36
00:02:01,210 --> 00:02:05,030
>> Στη συνέχεια, ας την ονομάσουμε val, η οποία είναι συνάρτηση
ή η μέθοδος που θα πάρει η

37
00:02:05,030 --> 00:02:06,740
αξία που ο χρήστης πληκτρολογήσει το μέσα

38
00:02:06,740 --> 00:02:11,540
Και τότε ας καλέσετε μια συνάρτηση jquery
ονομάζεται getJSON, περνώντας ως το

39
00:02:11,540 --> 00:02:16,010
Το πρώτο επιχείρημα ότι η διεύθυνση URL, περνώντας, όπως
το δεύτερο επιχείρημα, ένας ανώνυμος

40
00:02:16,010 --> 00:02:18,900
λειτουργία που αναμένει
ένα μόνο επιχείρημα.

41
00:02:18,900 --> 00:02:20,360
Δεδομένων, θα το ονομάσουμε.

42
00:02:20,360 --> 00:02:25,130
Και μέσα από αυτή την ανώνυμη συνάρτηση,
θα κάνουμε απλώς σε εγρήγορση, και στη συνέχεια,

43
00:02:25,130 --> 00:02:27,940
παρενθέσεις, data.price.

44
00:02:27,940 --> 00:02:31,470
Εάν τα δεδομένα, μετά από όλα, είναι ότι η JSON
αντιταχθεί με τρία πεδία -

45
00:02:31,470 --> 00:02:35,100
σύμβολο, το όνομα και την τιμή, από
κάνει data.price θα πάρω

46
00:02:35,100 --> 00:02:36,640
ακριβώς αυτή η τιμή.

47
00:02:36,640 --> 00:02:39,000
>> Ας τώρα να αποθηκεύσετε το αρχείο και
να το ανοίξετε σε ένα πρόγραμμα περιήγησης.

48
00:02:39,000 --> 00:02:42,230

49
00:02:42,230 --> 00:02:48,760
http://localhost/ajax-0.html.

50
00:02:48,760 --> 00:02:49,870
Εδώ έχουμε το εν λόγω έντυπο.

51
00:02:49,870 --> 00:02:52,890
Ας πληκτρολογήστε στο FB για το Facebook
και να πάρει απόσπασμα.

52
00:02:52,890 --> 00:02:55,070
Και εκεί, λοιπόν, είναι το Facebook
τελευταία τιμή της μετοχής.

53
00:02:55,070 --> 00:02:58,368