>> スピーカ1：のウェブを実装してみましょう ユーザーができるページ
株価情報を検索します。
のが存在している第一と仮定しましょう quote.phpと呼ばれるファイルが、この
ほとんどで実施することができる任意の 言語が、その目的は生活の中で
と呼ばれるHTTPのGETパラメータを期待する シンボルは、の値である
のための株式のシンボル あなたが引用をしたいと思います。
>> 例えば、我々は、このファイルを見れば 私のブラウザ、quote.php、ことに注意してください
私は、すでに、シンボルを渡されました FBのは、Facebookのため。
そして、何が戻ってきていることに注意してください 3キーを持つJSONオブジェクトです。
自分と呼ばれるシンボルと呼ばれる、1 名前を付けて、1と呼ばれる価格です。
の値は次のとおり正確に 問題のファイルから。
>> 今度は、に目を向けるましょう 一部のHTMLの始まりと
JavaScriptを。
ここでは、AJAX-0.htmlで、その内側に気づく マイページの体の私が形を持っている
つまり、のonSubmit属性を持っている の値は、引用符とリターンです
偽、それによって私がしたいことを指定する JavaScriptの関数を呼び出すには
呼ば引用して、falseを返す。
一方、そのフォームの内部がある IDがある、引用引用終わりシンボル、
「記号」と、その後、別の入力 タイプは、それが私に与え提出されている
送信ボタン。
>> 一方、私のページの頭の中、 スクリプトタグのソースがあります
jQueryのへのURLである、非常に 人気のJavaScriptライブラリ、および下記
つまり、内部、別のスクリプトタグである いくつかの始まりである
私自身が書くするJavaScript。
これは意志の引用機能である 最終的に呼び出され、内部のこと
ここでは、という変数を宣言してみましょう 指定されたURLは、その本の価値
変数はquote.php？記号= "でなければならない。
>> そして今度は、末尾に連結してみましょう その最初の文字列のどのようなシンボル
ユーザーは、おそらく入力した。
具体的には、のが+ $ ""＃記号をやらせる それによって、私がしたいことを指定する
私のDOMからjQueryを使って、取得、 そのユニークな要素
識別子、シンボル。
それは単純にテキストであることを思い出してください ユーザーがしようとしている先のフィールド
その銘柄記号を入力します。
>> その後の関数であるヴァルを呼び出してみましょう または取得する方法を
ユーザーズインチ入力した値
、その後のはjQueryの関数を呼び出してみましょう として渡し、getJSON呼ばれる
最初の引数のURL、を渡しとしてその 第二引数は、匿名
期待する関数 単一の引数。
データは、我々はそれを呼ぶことにします。
この無名関数の内部では、 単純に、警告を行い、よ
括弧、data.price。
データならば、結局、そのJSONはある 3フィールドを持つオブジェクト -
シンボル、名前、価格、バイ data.priceをやって、私が買ってあげる
正確にその値。
>> それでは、ファイルを保存してみようと ブラウザで開く。
http://localhost/ajax-0.html。
ここでは、そのフォームを持っている。
のは、Facebook用のFBを入力してみましょう と引用符を取得します。
そしてそこに、そして、Facebookのです 最新の株価。