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 під назвою символ, значення якого 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 Я пройшов у вже, символ ФБ, для 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 називається цитата, а потім повернутися помилковим. 18 00:00:59,660 --> 00:01:04,459 Тим часом, всередині цієї форми є символ з ідентифікатором, цитую кінець цитати, 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 яка є 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 отримати, з JQuery від мого DOM, елемент, унікальний 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 об'єкт з трьома полями - 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