Quest Academy

JSON APIs and Ajax

Introduction to the JSON APIs and AJAX Challenges

คล้ายกับวิธีที่ User Interfaces ช่วยให้ผู้คนใช้โปรแกรม Application Programming Interfaces (APIs) ช่วยให้โปรแกรมโต้ตอบกับโปรแกรมอื่น ๆ API เป็นเครื่องมือที่คอมพิวเตอร์ใช้ในการสื่อสารระหว่างกันโดยส่วนหนึ่งในการส่งและรับข้อมูล คุณสามารถใช้ฟังก์ชัน API ในเพจของคุณได้เมื่อคุณเข้าใจวิธีส่งคำขอและประมวลผลข้อมูลจากมัน โปรแกรมเมอร์มักใช้เทคโนโลยี AJAX เมื่อทำงานกับ API

คำว่า AJAX มีต้นกำเนิดมาจากตัวย่อของ Asynchronous JavaScript และ XML หมายถึงกลุ่มของเทคโนโลยีที่ส่งคำขอแบบอะซิงโครนัสไปยังเซิร์ฟเวอร์เพื่อถ่ายโอนข้อมูลจากนั้นโหลดข้อมูลที่ส่งคืนลงในเพจ กระบวนการอะซิงโครนัสมีคุณสมบัติหลักสองสามอย่าง เบราว์เซอร์ไม่หยุดโหลดหน้าเว็บเพื่อรอการตอบสนองของเซิร์ฟเวอร์ นอกจากนี้เบราว์เซอร์จะแทรกข้อมูลที่อัปเดตลงในส่วนหนึ่งของหน้าโดยไม่ต้องรีเฟรชทั้งหน้า

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

ข้อมูลที่ถ่ายโอนระหว่างเบราว์เซอร์และเซิร์ฟเวอร์มักอยู่ในรูปแบบที่เรียกว่า JavaScript Object Notation (JSON) JSON คล้ายไวยากรณ์ตัวอักษรของวัตถุ JavaScript ยกเว้นว่าจะโอนเป็นสตริง เมื่อได้รับแล้วสามารถแปลงเป็นวัตถุและใช้ในสคริปต์ได้

ส่วนนี้ครอบคลุมถึงวิธีการถ่ายโอนและใช้ข้อมูลโดยใช้เทคโนโลยี AJAX ด้วย freeCodeCamp API

JSON APIs and Ajax

Handle Click Events with JavaScript using the onclick property

Change Text with click Events

Get JSON with the JavaScript XMLHttpRequest Method

Access the JSON Data from an API

Convert JSON Data to HTML

Render Images from Data Sources

Pre-filter JSON to Get the Data You Need

Get Geolocation Data to Find A User's GPS Coordinates

Post Data with the JavaScript XMLHttpRequest Method

Be the first to add a review.

Please, login to leave a review
Add to Wishlist

Archive