AJAX คืออะไร ดูการทำความเข้าใจ AJAX และฟังก์ชั่นและวิธีต่างๆ

ในเว็บไซต์แบบดั้งเดิมมักจะเปิดเมื่อเราคลิกที่ปุ่มหรือลิงค์ในลักษณะใดวิธีหนึ่งนี้จะทำให้เบราว์เซอร์รีเฟรชเพื่อให้สามารถอ่านเอกสาร HTML ได้ตั้งแต่แรกจนถึงหน้าจอเบราว์เซอร์

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

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

ความหมายของ AJAX

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

AJAX คำนี้มีการระบุครั้งแรกที่ในปี 2005 โดย Jesse James Garret ประธานและผู้ก่อตั้ง บริษัท Adaptive Path เขายังเชื่อว่า AJAX เป็นชื่อที่ทำให้ลูกค้าโต้ตอบได้ง่าย นี่เป็นเพราะถ้าคุณใช้ชื่อ Asynchronous JavaScript CSS DOM XMHttp ขอมันจะยากที่จะโต้ตอบ

เทคนิคนี้ได้รับรอบเป็นเวลานานและในเวลานั่นคือ Microsoft สร้างวัตถุที่เรียกว่า XMLHttpRequest ซึ่งเป็นตัวควบคุมของ ActiveX บน Internet Explorer 5 AJAX เป็นที่นิยมมากที่สุดเมื่อใช้อย่าง Google และ Yahoo

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

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

ฟังก์ชัน AJAX

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

• ทำ XMLHttpRequest
• การส่งคำสั่งไปยังเซิร์ฟเวอร์
• การจัดการการตอบกลับเซิร์ฟเวอร์

ถ้าเราดูจากรูปแบบ JSON แล้วฟังก์ชั่นคุณต้องเข้าถึงข้อมูลผ่านทาง xhr responseText การสนทนานี้จะมีการหารือในรายละเอียดจากเราที่แสดงด้านล่าง:

A. การจัดการข้อมูลใน JSON

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

B. อ่าน JSON ที่เป็นวัตถุ

JSON ยอมรับสองพารามิเตอร์สำหรับพารามิเตอร์ใดก่อนมีฟังก์ชั่นสตริงที่จะถูกแปลงเป็นวัตถุ ในขณะที่พารามิเตอร์ที่สองยอมรับฟังก์ชั่นที่มาพร้อมกับชื่อของคุณลักษณะและค่าของสตริง JSON เมื่ออ่าน ฟังก์ชันนี้สามารถเรียกใช้บนแอตทริบิวต์ทั้งหมดของ JSON ที่มีอยู่แล้ว ดังนั้นวิธีที่เราสามารถเปลี่ยนค่าในแอตทริบิวต์ถ้าต้องการ

C. เปลี่ยนวัตถุให้เป็นสตริง

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

มันทำงานอย่างไร AJAX

อย่างที่ฉันอธิบายไว้ก่อนหน้านี้ความเข้าใจเกี่ยวกับ AJAX ที่ AJAX ไม่ใช่ภาษาโปรแกรม นี่คือหนึ่งในเทคนิคในการพัฒนาเว็บ ตอนนี้มันทำงานอย่างไรคุณสามารถดูคำอธิบายด้านล่าง

• HTML / XHTML - เป็น CSS และภาษาหลักสำหรับการแสดงข้อมูล
• DOM (โมเดลวัตถุเอกสาร) - เพื่อแสดงข้อมูลแบบไดนามิกที่มีการโต้ตอบ
• XML - สำหรับการแลกเปลี่ยนข้อมูลในขณะที่ XSLT ใช้สำหรับจัดการข้อมูลเท่านั้น นักพัฒนาบางส่วนจะแทนที่ XML ใน JSON นี่เป็นเพราะฟอร์มตรวจพบ JavaScript
• XMLHttpRequest - เพื่อสื่อสารทางอ้อมหรือแบบอะซิงโครนัส

จำเป็นต้องได้รับการเตือนว่ามีวิธีการทำงานข้างต้นส่วนใหญ่จะเข้าใจได้ก็ต่อเมื่อคุณทราบความเข้าใจพื้นฐานทางเทคนิคแล้ว หวังว่าการอภิปรายเกี่ยวกับความเข้าใจใน AJAX และหน้าที่และวิธีการทำงานข้างต้นจะเป็นประโยชน์และเข้าใจง่าย

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