ลำโพง 1: ลองใช้เว็บ หน้าเว็บที่ช่วยให้ผู้ใช้ เงยหน้าขึ้นมองราคาหุ้น Let 's สมมติแรกที่มีอยู่ ไฟล์ที่เรียกว่า quote.php แต่นี้ สามารถดำเนินการในส่วนใด ๆ ภาษา แต่มีวัตถุประสงค์ในชีวิตคือ ที่คาดว่าจะได้รับพารามิเตอร์ HTTP ที่เรียกว่า สัญลักษณ์ค่าของซึ่งเป็น สัญลักษณ์ของหุ้นที่ คุณต้องการพูด 

ตัวอย่างเช่นถ้าเรามองในแฟ้มนี้ เบราว์เซอร์ของฉัน quote.php สังเกตว่า ผมเคยผ่านแล้วสัญลักษณ์ ของ FB สำหรับ Facebook และแจ้งให้ทราบว่าสิ่งที่ได้กลับมา เป็นวัตถุ JSON ที่มีสามปุ่ม อย่างใดอย่างหนึ่งที่เรียกว่าเป็นสัญลักษณ์หนึ่งที่เรียกว่า ชื่อและหนึ่งเรียกว่าราคา ค่าที่อยู่ตรงนั้น จากไฟล์ในคำถาม 

ตอนนี้ขอหันความสนใจของเราที่จะ จุดเริ่มต้นของบาง HTM​​L และ JavaScript ที่นี่ใน ajax-0.html สังเกตว่าภายใน ของร่างกายหน้าของฉันฉันมีแบบฟอร์ม ที่มีคุณลักษณะ onsubmit, ค่าของซึ่งเป็นคำพูดและการกลับมา เท็จจึงระบุว่าฉันต้องการ ที่จะเรียกฟังก์ชัน JavaScript เรียกว่าพูดแล้วกลับเท็จ ในขณะที่ด้านในของรูปแบบที่เป็น สัญลักษณ์ที่มี ID เป็นคำพูดที่นำมาอ้าง, "สัญลักษณ์" แล้วท่านอื่นที่มี ชนิดที่ส่งให้ฉัน ปุ่มส่ง 

ในขณะที่ด้านในของหัวหน้าของฉัน มีแท็กสคริปต์แหล่งที่มาของ ซึ่งเป็น URL เพื่อ jQuery, มาก ห้องสมุด JavaScript ที่นิยมและด้านล่าง ที่มีแท็กสคริปต์อื่นภายใน ซึ่งเป็นจุดเริ่มต้นของบาง JavaScript ที่ผมเองจะเขียน นี้เป็นฟังก์ชั่นที่อ้างว่าจะ ในที่สุดจะเรียกว่าและภายในของ ที่นี่ขอประกาศตัวแปรที่เรียกว่า URL ที่ระบุว่าค่านี้ ตัวแปรจะ quote.php? สัญลักษณ์ = " 

และตอนนี้ขอเชื่อมไปยังจุดสิ้นสุด ของสตริงเริ่มต้นว่าสิ่งที่เป็นสัญลักษณ์ ผู้ใช้มีการพิมพ์สันนิษฐาน โดยเฉพาะขอทำ + $ "" # สัญลักษณ์ จึงระบุว่าฉันต้องการที่จะ ได้รับด้วย jQuery จาก DOM ของฉัน องค์ประกอบที่ไม่ซ้ำกัน ระบุสัญลักษณ์ จำได้ว่าที่เป็นเพียงข้อความ เป็นเขตที่ผู้ใช้เป็นไป การพิมพ์สัญลักษณ์หุ้นที่ 

จากนั้นขอเรียกวาลซึ่งเป็นฟังก์ชั่น หรือวิธีการที่จะได้รับ ค่าที่ผู้ใช้พิมพ์ค่ะ แล้วให้เรียกใช้ฟังก์ชัน jQuery เรียกว่า getJSON ส่งผ่าน อาร์กิวเมนต์แรกว่า URL ผ่านในขณะที่ อาร์กิวเมนต์ที่สองที่ไม่ระบุชื่อ ฟังก์ชั่นที่คาดว่า อาร์กิวเมนต์เดียว ข้อมูลเราจะเรียกว่า และภายในของฟังก์ชั่นที่ไม่ระบุชื่อนี้ เราก็จะทำการแจ้งเตือนและจากนั้นใน วงเล็บ data.price ถ้าข้อมูลหลังจากทั้งหมดคือ JSON วัตถุที่มีสามช่อง - สัญลักษณ์ชื่อและราคาโดย ทำ data.price ฉันจะได้รับ ว่าค่าที่ 

ตอนนี้ขอเก็บไฟล์ เปิดขึ้นในเบราว์เซอร์ http://localhost/ajax-0.html ที่นี่เรามีรูปแบบที่ ลองพิมพ์ลงใน FB สำหรับ Facebook และได้รับใบเสนอราคา และมีนั้นเป็นของ Facebook ราคาหุ้นล่าสุด