AJAX และ jQuery- การจัดการคำขอและการโต้ตอบข้อมูล

AJAX(Asynchronous JavaScript and XML) เป็นเทคโนโลยีที่ช่วยให้การสื่อสารและการแลกเปลี่ยนข้อมูลระหว่างเบราว์เซอร์และเซิร์ฟเวอร์โดยไม่จำเป็นต้องโหลดหน้าเว็บใหม่ทั้งหมด jQuery มีเมธอดและฟังก์ชันที่สะดวกในการดำเนินการตามคำขอ AJAX นี่คือตัวอย่างของการใช้ AJAX กับ jQuery:

 

$.ajax() วิธี

เมธอด นี้ $.ajax() เป็นเมธอดอเนกประสงค์ที่ให้คุณส่งคำขอ AJAX ไปยังเซิร์ฟเวอร์ได้ มีตัวเลือกมากมายในการปรับแต่งคำขอของคุณ เช่น การระบุ URL วิธีการร้องขอ(GET, POST เป็นต้น) การจัดการความสำเร็จและการเรียกกลับข้อผิดพลาด และอื่นๆ คุณสามารถใช้วิธีนี้เมื่อคุณต้องการการควบคุมแบบละเอียดสำหรับคำขอ AJAX

$.ajax({  
  url: "data.php",  
  method: "GET",  
  success: function(response) {  
    // Handle successful response data  
  },  
  error: function(xhr, status, error) {  
    // Handle error occurred  
  }  
});  

 

$.get() วิธี

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

$.get("data.php", function(response) {  
  // Handle successful response data  
});  

 

$.post() วิธี

วิธี นี้ $.post() คล้ายกับ $.get() แต่จะส่งคำขอ POST ไปยังเซิร์ฟเวอร์โดยเฉพาะ ช่วยให้คุณสามารถส่งข้อมูลไปพร้อมกับคำขอ ซึ่งมีประโยชน์เมื่อคุณต้องการส่งข้อมูลฟอร์มหรือพารามิเตอร์อื่นๆ ไปยังเซิร์ฟเวอร์

$.post("save.php", { name: "John", age: 30 }, function(response) {  
  // Handle successful response data  
});  

 

$.getJSON() วิธี

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

$.getJSON("data.json", function(data) {  
  // Handle successful JSON response data  
});  

 

$.ajaxSetup() วิธี

วิธี นี้ $.ajaxSetup() ช่วยให้คุณกำหนดการตั้งค่าเริ่มต้นสำหรับคำขอ AJAX ในอนาคตทั้งหมด ตัวอย่างเช่น คุณสามารถตั้งค่าส่วนหัวเริ่มต้น ระบุประเภทข้อมูล หรือกำหนดค่าตัวเลือกการรับรองความถูกต้อง วิธีนี้มีประโยชน์เมื่อคุณต้องการตั้งค่าตัวเลือกทั่วไปที่ใช้กับคำขอ AJAX หลายรายการ

$.ajaxSetup({  
  headers: { "Authorization": "Bearer token" }  
});  

 

$.ajaxPrefilter() วิธี

เมธอด นี้ $.ajaxPrefilter() ใช้เพื่อแก้ไขคำขอ AJAX ก่อนที่จะถูกส่ง ช่วยให้คุณสามารถประมวลผลตัวเลือกคำขอ AJAX ล่วงหน้าและแก้ไขตามความต้องการของคุณ สิ่งนี้มีประโยชน์สำหรับการเพิ่มส่วนหัวที่กำหนดเอง การจัดการข้อมูล หรือการสกัดกั้นคำขอ

$.ajaxPrefilter(function(options, originalOptions, xhr) {  
  // Preprocess before sending AJAX request  
});  

 

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