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 Let 's สมมติแรกที่มีอยู่ ไฟล์ที่เรียกว่า 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 ผมเคยผ่านแล้วสัญลักษณ์ ของ 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 >> ตอนนี้ขอหันความสนใจของเราที่จะ จุดเริ่มต้นของบาง HTM​​L และ 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 ในขณะที่ด้านในของรูปแบบที่เป็น สัญลักษณ์ที่มี 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 >> ในขณะที่ด้านในของหัวหน้าของฉัน มีแท็กสคริปต์แหล่งที่มาของ 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