1. วัตถุ xmlhttprequest คืออะไร?
คำจำกัดความที่พบบ่อยที่สุดคือ: XMLHTTP เป็นชุดของ API ที่สามารถส่งหรือรับได้จากโปรโตคอล HTTP ในภาษาสคริปต์เช่น JavaScript, VBScript และ JScript การใช้ XMLHTTP ที่ใหญ่ที่สุดคือสามารถอัปเดตส่วนหนึ่งของเนื้อหาของหน้าเว็บโดยไม่ต้องรีเฟรชทั้งหน้า (ฟังก์ชั่นนี้เป็นหนึ่งในคุณสมบัติหลักของ AJAX :))
การตีความจาก MSDN: XMLHTTP ให้โปรโตคอลสำหรับลูกค้าในการสื่อสารกับเซิร์ฟเวอร์ HTTP ไคลเอนต์สามารถส่งคำขอไปยังเซิร์ฟเวอร์ HTTP ผ่านวัตถุ XMLHTTP (MSXML2.xmlhttp.3.0) และประมวลผลการตอบกลับโดยใช้โมเดลวัตถุเอกสาร Microsoft XML (DOM)
ให้ฉันพูดถึงเรื่องนอกหัวข้อที่นี่ ในความเป็นจริงสิ่งนี้ปรากฏเร็วมาก มันเป็นเพียงการสนับสนุนเบราว์เซอร์ไม่เพียงพอและใน IE เท่านั้นดังนั้นโปรแกรมเมอร์เว็บส่วนใหญ่ไม่ได้ใช้มากนัก แต่ตอนนี้สถานการณ์เปลี่ยนไปมาก Mozilla และ Safari ใช้มันเป็นมาตรฐานตามพฤตินัยและเบราว์เซอร์กระแสหลักได้เริ่มสนับสนุนวัตถุ XMLHTTTPREQUEST อย่างไรก็ตามควรสังเกตที่นี่ว่า XMLHTTPRequest ไม่ได้เป็นมาตรฐาน W3C ดังนั้นประสิทธิภาพของมันจึงแตกต่างกันเล็กน้อยในเบราว์เซอร์ที่แตกต่างกัน
2. สร้างวัตถุ xmlhttprequest
โดยวิธีการเมื่อพูดถึงความแตกต่างลองมาดูวิธีประกาศ (ใช้) มัน ก่อนที่จะใช้วัตถุ XMLHTTPREQUEST เพื่อส่งคำขอและการตอบกลับกระบวนการเราต้องสร้างวัตถุ XMLHTTPREQUEST ด้วย JavaScript (เช่นใช้ XMLHTTTPREQUEST เป็นวัตถุ ActiveX ในขณะที่เบราว์เซอร์อื่น ๆ [เช่น Firefox/Safari/Opear] ใช้มันเป็นวัตถุ JavaScript ในท้องถิ่น) ลองมาดูวิธีใช้ JavaScript เพื่อสร้าง:
<script language = "javascript" type = "text/javascript">
-
var xmlhttp;
// สร้างวัตถุ XMLHTTPREQUEST
ฟังก์ชั่น createxmlhttprequest () {
if (window.activexobject) {// พิจารณาว่ารองรับการควบคุมแบบแอคทีฟ
xmlhttp = new ActiveObject ("microsoft.xmlhttp"); // สร้างวัตถุ XMLHTTPREQUEST โดยการสร้างอินสแตนซ์ใหม่ของ ActiveXObject
-
อื่นถ้า (window.xmlhttprequest) {// กำหนดว่า xmlhttprequest ถูกนำมาใช้เป็นวัตถุ JavaScript ในท้องถิ่น
xmlhttp = ใหม่ xmlhttprequest (); // สร้างอินสแตนซ์ของ XMLHTTPREQUEST (วัตถุ JavaScript ท้องถิ่น)
-
-
-
</script>
3. คุณสมบัติและวิธีการ
เนื่องจากมีหลายสิ่งหลายอย่างตอนนี้ใช้หน้าเว็บเพื่อแสดงรายการวิธีการและคุณลักษณะบางอย่างจากนั้นให้ตัวอย่างโดยละเอียดในอนาคต (ส่วนใหญ่เป็นเพราะฉันกำลังศึกษาอยู่ด้วย)
<html>
<head>
<title> คำอธิบายของการสาธิตวัตถุ XMLHTTPREQUEST </title>
<script language = "javascript" type = "text/javascript">
-
var xmlhttp;
// สร้างวัตถุ xmlhttprequest
ฟังก์ชั่น createxmlhttprequext ()
-
if (window.activexobject)
-
xmlhttp = new ActiveXObject ('microsoft.xmlhttp');
-
อื่นถ้า (window.xmlhttprequest)
-
xmlhttp = ใหม่ xmlhttprequest ();
-
-
ฟังก์ชั่น postorder (xmldoc)
-
createxmlhttprequext ();
// วิธี: เปิด
// สร้างคำขอ HTTP ใหม่และระบุวิธีการ URL และข้อมูลการตรวจสอบของคำขอนี้
// ไวยากรณ์: oxmlhttprequest.open (bstrmethod, bstrurl, varasync, bstruser, bstrpassword);