スピーカ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のです 最新の株価。