1
00:00:00,000 --> 00:00:02,340
>> スピーカ1：のウェブを実装してみましょう
ユーザーができるページ

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
>> 例えば、我々は、このファイルを見れば
私のブラウザ、quote.php、ことに注意してください

8
00:00:22,530 --> 00:00:26,900
私は、すでに、シンボルを渡されました
FBのは、Facebookのため。

9
00:00:26,900 --> 00:00:31,060
そして、何が戻ってきていることに注意してください
3キーを持つJSONオブジェクトです。

10
00:00:31,060 --> 00:00:34,560
自分と呼ばれるシンボルと呼ばれる、1
名前を付けて、1と呼ばれる価格です。

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
一方、そのフォームの内部がある
IDがある、引用引用終わりシンボル、

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
>> 一方、私のページの頭の中、
スクリプトタグのソースがあります

22
00:01:13,460 --> 00:01:18,000
jQueryのへのURLである、非常に
人気のJavaScriptライブラリ、および下記

23
00:01:18,000 --> 00:01:21,150
つまり、内部、別のスクリプトタグである
いくつかの始まりである

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
私のDOMからjQueryを使って、取得、
そのユニークな要素

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
>> その後の関数であるヴァルを呼び出してみましょう
または取得する方法を

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はある
3フィールドを持つオブジェクト - 

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
のは、Facebook用のFBを入力してみましょう
と引用符を取得します。

52
00:02:52,890 --> 00:02:55,070
そしてそこに、そして、Facebookのです
最新の株価。

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