อาแจ็กซ์ - มันคืออะไร? Asynchronous JavaScript และ XML: ข้อดีและข้อเสีย

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

ข้อมูลทั่วไป

วิธียืน AJAX? มันหมายความว่าอะไร? การลดลงนี้เป็นตัวย่อ มันย่อมาจาก Asynchronous Javascript และ XML ( "Asynchronous Javascript และ IKSML") บ่อยครั้งที่คุณสามารถมองเห็นหรือได้ยินข้อมูลว่าเทคโนโลยีใหม่นี้ แต่นี้ไม่เป็นความจริง ความจริงที่ว่า Javascript และ XML มีอยู่แล้วค่อนข้างนานในขณะที่ "อาแจ็กซ์" คือการสังเคราะห์ของเทคโนโลยีเหล่านี้ ส่วนใหญ่มักจะถูกนำมาใช้ร่วมกับเว็บระยะ 2.0 และเป็นที่เข้าใจการใช้เทคนิคการออกแบบที่ทันสมัย

และสิ่งที่คุณสมบัติ?

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

ข้อดีของ "อาแจ็กซ์"

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

1. คุณสามารถสร้างโปรแกรมประยุกต์บนเว็บที่สะดวกซึ่งอินเตอร์เฟซจะมีจำนวนทั้งหมดของคุณสมบัติที่ดีสำหรับผู้ใช้ที่มีผลที่อำนวยความสะดวกในการปฏิสัมพันธ์ของมนุษย์และเว็บไซต์
2. แทนที่จะหน้าเต็มโหลดบางส่วน นี้ช่วยประหยัดทรัพยากรและเพิ่มประสิทธิภาพการทำงานของเครื่อง
3. ส่วนที่เซิร์ฟเวอร์ของเว็บไซต์ที่มีการแข็งขันโต้ตอบกับผู้ใช้
4. ที่เป็นประโยชน์สำหรับการดำเนินงานของจำนวนของความคิด

การสื่อสาร

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

หลักการของการดำเนินงาน

วิธีนี้เป็น Asynchronous Javascript และ XML ในการปฏิบัติ? Let 's เข้าใจในเรื่องนี้ด้วยตัวอย่าง สร้างขึ้นในส่วนที่เกี่ยวกับโครงสร้างที่คุณต้องให้แน่ใจว่าเป็นส่วนหนึ่งของลูกค้าให้ทุกฟังก์ชั่นที่จำเป็นสำหรับการแลกเปลี่ยนข้อมูลที่เชื่อถือได้ มันควรจะให้วิธีการที่จำเป็นสำหรับการส่งข้อมูลที่เลือกวิธีการ ส่วนเซิร์ฟเวอร์ควรให้แน่ใจว่าการประมวลผลของข้อมูลและขึ้นอยู่กับพวกเขาแล้วที่จะสร้างข้อมูลใหม่ที่จะต่อมาผ่านมันไปยังลูกค้า ชนิดที่พบมากที่สุดของการปฏิสัมพันธ์คือการทำงานกับฐานข้อมูล เราได้กล่าวถึงก่อนหน้านี้เป็นองค์ประกอบของเว็บไซต์ทางธุรกิจจำนวนมากเป็นรูปแบบของความคิดเห็นหนึ่ง ข้อได้เปรียบของ "อาแจ็กซ์" ในกรณีนี้ก็คือว่ามันถือถ่ายโอนข้อมูลไม่ตรงกัน ในคำอื่น ๆ ในขณะที่ข้อมูลจะถูกส่งไปที่ผู้ใช้สามารถดำเนินการดำเนินการที่จำเป็นทั้งหมดเพื่อเขา มุ่งเน้นไปที่รายละเอียดของแต่ละกรณีที่คุณจะต้องตัดสินใจว่าคุณต้องการกระบวนการนี้จะแจ้งให้ผู้เข้าชมของเว็บไซต์ เมื่อเทียบกับแบบฟอร์มความคิดเห็นเดียวกันควรจะกล่าวว่าในกรณีนี้เราสามารถเขียน "ผู้ประกอบการหมุนคำตอบ" หรือสิ่งที่คล้ายกัน

ตอบสนองของเซิร์ฟเวอร์

เขาสามารถเข้ามาไม่เพียง แต่สำหรับ XML ที่คุณอาจคิดว่าเพราะชื่อของเทคโนโลยี นอกจากนี้ยังสามารถส่งเป็นข้อความธรรมดาหรือ JSON ในกรณีแรกข้อมูลที่สามารถแสดงผลได้ทันทีบนหน้าเว็บ หากมีการใช้ XML คุณจะต้องดูแลว่า AJAX ไฟล์ได้รับการประมวลผลถูกต้องในเบราว์เซอร์ของลูกค้า ข้อมูลทั้งหมดในกรณีนี้จะถูกแปลงเป็น (X) HTML เมื่อมีการใช้ รูปแบบ JSON, คุณจำเป็นต้องดำเนินรหัสที่จะได้รับวัตถุเต็ม Javascript มันเป็นสิ่งจำเป็นที่จะต้องระมัดระวังและต้องคำนึงถึงความจริงที่ว่าแฮกเกอร์จำนวนมากต้องการที่จะส่งโค้ดที่เป็นอันตรายโดยวิธีการของเทคโนโลยีนี้ ดังนั้นจึงเป็นเรื่องจำเป็นที่จะต้องจัดให้มีกระบวนการตรวจสอบข้อมูลก่อนที่จะมีการประมวลผล คุณสมบัติของการสำนึกเบราว์เซอร์ที่แตกต่างกันอาจจะแตกต่างกันเล็กน้อย แต่โดยทั่วไปการกระทำที่นี่เป็นหนึ่งในโครงการ

เราทำให้การร้องขอไปยังเซิร์ฟเวอร์และการประมวลผลการตอบสนองได้

ลำดับทั้งหมดของการกระทำที่จะเป็นดังนี้:

1. ตอนแรกคุณจะต้องสร้างและเพื่อให้แน่ใจว่ามี XMLHttpRequest
2. จากนั้นเริ่มต้นการเชื่อมต่อเซิร์ฟเวอร์
3. ส่งคำขอร้องไป
4. เรารอข้อมูลที่จะมาและดำเนินการให้

มันควรจะบอกคุณเกี่ยวกับบางส่วนของคุณสมบัติในการสร้างวัตถุ มันสามารถเริ่มต้นในสถานที่ใดที่มันเป็นไปได้เฉพาะภายในกรอบของภาษาการเขียนโปรแกรม แต่ถ้าเขาได้รับสถานะของโลกในการใดจุดหนึ่งในเวลาที่มันจะเป็นไปได้ในการทำงานที่มีเพียงหนึ่งคำขอ ณ จุดนี้คุณจะต้องให้ความสนใจอย่างใกล้ชิด เกี่ยวกับการรักษา - ที่นี่เรามุ่งเน้นไปที่ตราสารที่เลือก ดังนั้นถ้าข้อมูล XML ที่จะประมวลผล DOM ฟังก์ชั่นและนำเสนอผู้ใช้ที่มีผลสิ้นสุดใน HTML และสิ่งที่จะทำอย่างไรกับ JSON อันดับ? มันควรจะเข้าใจว่ามันเป็นสัญกรณ์วัตถุ Javascript มันหมายความว่าอะไร? เนื่องจาก JSON วัตถุสามารถแสดงเป็นสตริง แต่ก็ต้องจำได้ว่าวิธีนี้ไม่ปลอดภัยที่จะเต็มรูปแบบและหลายปัจจัยที่ต้องพิจารณา แต่โดยทั่วไปก็เป็นเรื่องง่ายมาก

การเขียนโปรแกรมภาษาฝั่งเซิร์ฟเวอร์

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

การกำหนดค่าเซิร์ฟเวอร์

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

1. HTML / XHTML พวกเขามีความจำเป็นสำหรับเซิร์ฟเวอร์ที่จะรับรู้เค้าโครงหน้า
2. CSS เครื่องมือนี้เป็นสิ่งที่จำเป็นสำหรับการเลือกภาพของการออกแบบหน้า
3. DOM มันเป็นสิ่งจำเป็นในการสั่งซื้อเพื่อให้แน่ใจว่าการเปลี่ยนแปลงแบบไดนามิกบนหน้าเว็บเป็นตอบสนองต่อการดำเนินการโดยผู้ใช้
4. XML เป็นสิ่งจำเป็นสำหรับการถ่ายโอนข้อมูลระหว่างไคลเอนต์และเซิร์ฟเวอร์
5. JavaScript เราจำเป็นต้องสร้างเคอร์เซอร์ "อาแจ็กซ์" และให้การติดต่อสื่อสาร
6. XMLHttpRequest วัตถุที่ผ่านการคำสั่งจะถูกส่งต่อไปยังเซิร์ฟเวอร์

การใช้เว็บไซต์

ดังนั้นตอนนี้เรามีทั้งความรู้ทางทฤษฎีและความคิดเกี่ยวกับวิธี AJAX ส่งข้อมูลอยู่ในขณะนี้ต้องมีเพียงการปฏิบัติบางอย่าง ให้เราดูโดยทั่วไปวิธีการวิธีการดำเนินงานของงานโดยใช้ "อาแจ็กซ์" ดังนั้นเราต้องสร้างฐานข้อมูลคนขับ และพวกเขาจะแตกต่างกันอุปกรณ์ที่สามารถดำเนินการได้ มันควรจะตั้งข้อสังเกตว่าฐานข้อมูลดังกล่าวข้างต้นมีขนาดใหญ่มากดังนั้นฉันเพิ่งส่งไปยังลูกค้าและมันมีให้ให้เลือกใช้ JavaScript ไม่ได้ทำให้รู้สึก นอกจากนี้ยังเป็นที่พึงปรารถนาที่จะเป็นเจ้าของหน้าเว็บที่มี reloaded เนื่องจากพารามิเตอร์เดียว บนเซิร์ฟเวอร์คำขอจะจัดการ PHP สคริปต์พิเศษ ฐานข้อมูลจะถูกนำมาใช้เป็นไฟล์ XML

เกี่ยวกับฐานข้อมูล

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

เรากำลังทำงานในการทำงานของเครื่องยนต์

วิธีทำทุกอย่างที่จะเกิดขึ้น? ดังนั้นมีมาเหตุการณ์บางอย่างที่จะทำให้ฟังก์ชั่นพิเศษ เธอจะเตรียมความพร้อม GET หรือ POST ข้อมูลที่จะส่ง จากนั้นก็เรียกฟังก์ชั่นซึ่งจะทำให้อุทธรณ์ไปยัง URL ของสคริปต์เซิร์ฟเวอร์ มันเป็นสิ่งจำเป็นที่จะมองเห็นการสร้าง XMLHttpRequest-วัตถุ การอ้างอิงไปก็ควรจะเก็บไว้ในตัวแปร หลังจากที่ข้อมูลได้รับการส่งไปยังเซิร์ฟเวอร์ที่คุณจะต้องรอการตอบรับจากเขา การทำเช่นนี้คุณสามารถเปิด "ดักฟังโทรศัพท์" เพื่อให้ได้ข้อมูล (ถ้ารู้จักกันจะมาและเมื่อ) หรือให้ฟังก์ชั่นที่มักจะต้องพร้อมที่จะยอมรับข้อมูล ศูนย์รวมครั้งแรกที่มีความน่าเชื่อถือน้อยกว่าในกรณีที่มีสถานการณ์พิเศษ สำนึกที่สอง - ค่าใช้จ่ายมากขึ้นในแง่ของทรัพยากร แต่ถ้ามันจะทำเฉพาะที่เกี่ยวกับตัวแปรหนึ่งก็ไม่ได้ส่งผลกระทบต่ออินเทอร์เน็ตได้อย่างรวดเร็ว แต่ถ้ามีหลายร้อยหลายพันและพวกเขาจะมีความละเอียดสูง - แล้วมันจะเป็นอีกเรื่องหนึ่ง ดังนั้นจึงเป็นเรื่องจำเป็นที่จะต้องแสวงหาความสมดุลระหว่างการใช้ทรัพยากรที่มีอยู่และประสิทธิผลที่ หลังจากที่ทุกคนก็ควรจะเข้าใจว่าทุกคนจะมีหน่วยความจำ 16 GB ซึ่งอาจกำหนดเวลาที่รอคอยบางอย่างหลังจากที่ใช้แทนข้อมูลก่อนหน้านี้หรือข้อมูลที่เซิร์ฟเวอร์ไม่สามารถใช้ได้ในขณะนี้

คุณสมบัติ

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

ข้อสรุป

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