>> ลำโพง 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 ราคาหุ้นล่าสุด