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 >> 舉例來說,如果我們看看在這個文件 我的瀏覽器,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 同時,這種形式裡面是一個 符號,它的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 >> 與此同時,我的網頁的頭裡面, 有一個script標籤,源 22 00:01:13,460 --> 00:01:18,000 這是URL到jQuery的,很 流行的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 >> 那麼我們姑且稱之為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