1 00:00:00,000 --> 00:00:02,340 >> SPEAKER 1: Mari kita menerapkan web halaman yang memungkinkan pengguna untuk 2 00:00:02,340 --> 00:00:03,660 mencari harga saham. 3 00:00:03,660 --> 00:00:07,970 Mari kita misalkan pertama bahwa ada file bernama quote.php, tapi ini 4 00:00:07,970 --> 00:00:11,110 dapat diterapkan di hampir semua bahasa, tapi yang tujuannya dalam hidup adalah 5 00:00:11,110 --> 00:00:15,800 untuk mengharapkan mendapatkan parameter HTTP yang disebut simbol, nilai yang merupakan 6 00:00:15,800 --> 00:00:18,120 simbol saham yang Anda ingin penawaran. 7 00:00:18,120 --> 00:00:22,530 >> Sebagai contoh, jika kita melihat file ini di browser saya, quote.php, perhatikan bahwa 8 00:00:22,530 --> 00:00:26,900 Aku sudah berlalu dalam, sudah, simbol dari FB, untuk Facebook. 9 00:00:26,900 --> 00:00:31,060 Dan melihat bahwa apa yang telah kembali adalah objek JSON dengan tiga tombol. 10 00:00:31,060 --> 00:00:34,560 Satu disebut simbol, yang disebut nama, dan satu disebut harga. 11 00:00:34,560 --> 00:00:38,920 Nilai-nilai yang persis seperti itu dari file yang bersangkutan. 12 00:00:38,920 --> 00:00:41,680 >> Sekarang mari kita mengalihkan perhatian kita ke awal dari beberapa HTML dan 13 00:00:41,680 --> 00:00:43,340 JavaScript. 14 00:00:43,340 --> 00:00:48,990 Di sini, di ajax-0.html, perhatikan bahwa di dalam tubuh halaman saya, saya memiliki bentuk 15 00:00:48,990 --> 00:00:53,430 yang memiliki atribut onsubmit, yang nilai yang merupakan kutipan dan kembali 16 00:00:53,430 --> 00:00:57,020 palsu, dengan demikian menetapkan bahwa saya ingin untuk memanggil fungsi JavaScript 17 00:00:57,020 --> 00:00:59,660 disebut quote dan kemudian kembali palsu. 18 00:00:59,660 --> 00:01:04,459 Sementara itu, dalam bentuk yang merupakan simbol yang memiliki ID, kutipan tanda kutip, 19 00:01:04,459 --> 00:01:07,940 "Simbol," dan kemudian masukan lain yang Jenis ini menyampaikan bahwa memberi saya 20 00:01:07,940 --> 00:01:09,280 tombol pengiriman. 21 00:01:09,280 --> 00:01:13,460 >> Sementara itu, dalam kepala halaman saya, ada tag script, sumber 22 00:01:13,460 --> 00:01:18,000 yang merupakan URL untuk jquery, sangat perpustakaan JavaScript populer, dan di bawah 23 00:01:18,000 --> 00:01:21,150 yaitu tag script lain, dalam yang merupakan awal dari beberapa 24 00:01:21,150 --> 00:01:23,440 JavaScript yang aku sendiri akan menulis. 25 00:01:23,440 --> 00:01:26,900 Ini adalah fungsi quote yang akan akhirnya disebut, dan dalam 26 00:01:26,900 --> 00:01:31,300 sini mari kita mendeklarasikan variabel disebut URL, ditentukan bahwa nilai ini 27 00:01:31,300 --> 00:01:32,590 variabel harus quote.php? simbol = ". 28 00:01:32,590 --> 00:01:38,090 29 00:01:38,090 --> 00:01:42,170 >> Dan sekarang mari kita menggabungkan ke akhir itu string awal simbol apapun 30 00:01:42,170 --> 00:01:43,840 pengguna telah diduga diketik. 31 00:01:43,840 --> 00:01:51,770 Secara khusus, mari kita lakukan $ + "" simbol # dengan demikian menetapkan bahwa saya ingin 32 00:01:51,770 --> 00:01:54,910 mendapatkan, dengan jquery dari DOM saya, elemen yang unik 33 00:01:54,910 --> 00:01:56,430 identifier, simbol. 34 00:01:56,430 --> 00:01:59,500 Ingatlah bahwa hanya teks bidang di mana pengguna akan 35 00:01:59,500 --> 00:02:01,210 ketik simbol saham. 36 00:02:01,210 --> 00:02:05,030 >> Kemudian mari kita sebut val, yang merupakan fungsi atau metode yang akan mendapatkan 37 00:02:05,030 --> 00:02:06,740 nilai bahwa pengguna diketik masuk 38 00:02:06,740 --> 00:02:11,540 Dan kemudian mari kita memanggil fungsi jquery disebut getJSON, lewat di sebagai 39 00:02:11,540 --> 00:02:16,010 Argumen pertama yang URL, lewat di, sebagai argumen kedua, anonim 40 00:02:16,010 --> 00:02:18,900 fungsi yang mengharapkan satu argumen. 41 00:02:18,900 --> 00:02:20,360 Data, kita akan menyebutnya. 42 00:02:20,360 --> 00:02:25,130 Dan dalam fungsi anonim ini, kita hanya akan melakukan peringatan, dan kemudian di 43 00:02:25,130 --> 00:02:27,940 kurung, data.price. 44 00:02:27,940 --> 00:02:31,470 Jika data, setelah semua, adalah bahwa JSON keberatan dengan tiga bidang - 45 00:02:31,470 --> 00:02:35,100 simbol, nama, dan harga, dengan melakukan data.price aku akan 46 00:02:35,100 --> 00:02:36,640 persis nilai tersebut. 47 00:02:36,640 --> 00:02:39,000 >> Sekarang mari kita menyimpan file dan membukanya di browser. 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 Di sini kita memiliki bentuk itu. 51 00:02:49,870 --> 00:02:52,890 Mari kita ketik FB untuk Facebook dan mendapatkan penawaran. 52 00:02:52,890 --> 00:02:55,070 Dan di sana, kemudian, adalah Facebook harga saham terbaru. 53 00:02:55,070 --> 00:02:58,368