1 00:00:00,000 --> 00:00:02,340 >> Sprecher 1: Implementieren wir eine Web- Seite, die Benutzern erlaubt 2 00:00:02,340 --> 00:00:03,660 nachschlagen Aktienkurse. 3 00:00:03,660 --> 00:00:07,970 Nehmen wir zuerst, daß es eine Datei namens quote.php, aber diese 4 00:00:07,970 --> 00:00:11,110 konnte in den meisten umgesetzt werden jede Sprache, aber deren Zweck im Leben ist 5 00:00:11,110 --> 00:00:15,800 um eine HTTP-GET-Parameter genannt erwarten Symbol ist, dessen Wert die 6 00:00:15,800 --> 00:00:18,120 Symbol der Lager für die Sie möchten ein Angebot. 7 00:00:18,120 --> 00:00:22,530 >> Zum Beispiel, wenn wir uns diese Datei in mein Browser, quote.php, feststellen, dass 8 00:00:22,530 --> 00:00:26,900 Ich habe in schon, ein Symbol hat von FB, für Facebook. 9 00:00:26,900 --> 00:00:31,060 Und feststellen, dass das, was ist zurückgekommen ist ein JSON-Objekt mit drei Schlüsseln. 10 00:00:31,060 --> 00:00:34,560 Ein Symbol aufgerufen, nannte man nennen, und man nennt Preis. 11 00:00:34,560 --> 00:00:38,920 Deren Werte genau dass aus der Datei in Frage. 12 00:00:38,920 --> 00:00:41,680 >> Nun wollen wir unsere Aufmerksamkeit auf die Anfänge von etwas HTML-und 13 00:00:41,680 --> 00:00:43,340 JavaScript. 14 00:00:43,340 --> 00:00:48,990 Hier, in ajax-0.html, feststellen, dass innerhalb Körper meine Seite Ich habe ein Formular 15 00:00:48,990 --> 00:00:53,430 das hat eine onsubmit Attribut, das Wert von denen Angebot und Rückkehr 16 00:00:53,430 --> 00:00:57,020 falsch, damit angeben, dass ich möchte eine JavaScript-Funktion aufrufen 17 00:00:57,020 --> 00:00:59,660 Zitat genannt und dann wieder falsch. 18 00:00:59,660 --> 00:01:04,459 Unterdessen ist innerhalb dieser Form ein Symbol, dessen ID ist, Zitat unquote, 19 00:01:04,459 --> 00:01:07,940 "Symbol", und dann noch einen Eingang, dessen Typ vor, dass gibt mir ein 20 00:01:07,940 --> 00:01:09,280 Vorlage-Taste. 21 00:01:09,280 --> 00:01:13,460 >> Inzwischen innerhalb der Kopf meiner Seite ist, gibt es ein Script-Tag, der Quelle 22 00:01:13,460 --> 00:01:18,000 welche die URL zu jQuery ist, die sehr beliebten JavaScript-Bibliothek, und unter 23 00:01:18,000 --> 00:01:21,150 das ist eine andere Script-Tag, innerhalb von welche die Anfänge der einige ist 24 00:01:21,150 --> 00:01:23,440 JavaScript, das ich selbst zu schreiben. 25 00:01:23,440 --> 00:01:26,900 Dies ist das Zitat-Funktion, wird schließlich bezeichnet werden, und im Inneren des 26 00:01:26,900 --> 00:01:31,300 Hier ist eine Variable namens erklären lassen URL spezifiziert, daß der Wert dieses 27 00:01:31,300 --> 00:01:32,590 Variable entspricht quote.php? symbol = "zu sein. 28 00:01:32,590 --> 00:01:38,090 29 00:01:38,090 --> 00:01:42,170 >> Und nun auf das Ende verketten lassen dieser Anfangsstring unabhängig Symbol 30 00:01:42,170 --> 00:01:43,840 der Benutzer vermutlich getippt. 31 00:01:43,840 --> 00:01:51,770 Genauer gesagt, lass es uns tun + $ "" # Symbol damit angeben, dass ich möchte 32 00:01:51,770 --> 00:01:54,910 zu bekommen, mit jQuery von meinem DOM, das Element, dessen einzigartige 33 00:01:54,910 --> 00:01:56,430 Kennung ein Symbol. 34 00:01:56,430 --> 00:01:59,500 Daran erinnern, dass das ist einfach der Text Feld, in das der Benutzer wird zu 35 00:01:59,500 --> 00:02:01,210 geben Sie diesen Aktiensymbol. 36 00:02:01,210 --> 00:02:05,030 >> Dann nennen wir val, die eine Funktion ist oder Methode, die erhalten, sind die 37 00:02:05,030 --> 00:02:06,740 Wert, den der Benutzer eingegeben in. 38 00:02:06,740 --> 00:02:11,540 Und dann nennen wir ein jQuery-Funktion getJSON genannt, vorbei in die 39 00:02:11,540 --> 00:02:16,010 erste Argument, URL, vorbei in Führung, als das zweite Argument, eine anonyme 40 00:02:16,010 --> 00:02:18,900 Funktion, die erwartet ein einziges Argument. 41 00:02:18,900 --> 00:02:20,360 Daten, werden wir es nennen. 42 00:02:20,360 --> 00:02:25,130 Und innerhalb dieser anonymen Funktion, wir einfach tun, Warnung, und dann in 43 00:02:25,130 --> 00:02:27,940 Klammern, data.price. 44 00:02:27,940 --> 00:02:31,470 Wenn die Daten, nachdem alle, ist, dass JSON Objekt mit drei Feldern - 45 00:02:31,470 --> 00:02:35,100 Symbol, Name und Preis, durch Dabei data.price Ich werde 46 00:02:35,100 --> 00:02:36,640 genau das Wert. 47 00:02:36,640 --> 00:02:39,000 >> Lassen Sie uns nun die Datei speichern und öffnen Sie sie in einem Browser. 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 Hier haben wir diese Form. 51 00:02:49,870 --> 00:02:52,890 Also tippen wir in FB für Facebook und erhalten Zitat. 52 00:02:52,890 --> 00:02:55,070 Und da ist, dann ist Facebook die aktuelle Aktienkurs. 53 00:02:55,070 --> 00:02:58,368